作者frex (Frex)
看板Ajax
標題[問題] innerHTML 的問題
時間Mon Jun 11 10:19:09 2007
我的code是這樣
<table border="1" width="100%" id="table1">
<tr>
<td> </td>
<td> </td>
</tr>
<div id="update">
</div>
</table>
然後事件是
var update=document.getElementById('update');
update.innerHTML="<tr><td>1</td><td>2</td></tr>"; //新增一行
但是執行後
結果都是在table外面不是裡面
我用firefox的firedebug 看 原始碼發現
<div id="update">會自動跑到table外
變成像這樣
<div id="update">....</div>
<table>
.
.
不曉得是怎樣的原因
造成這樣的結果
--
thx
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.225.198.163
1F：推 squalll:innerhtml不支援table,所以看你要不要把它寫在一起 :) 06/11 12:20
2F：→ squalll:網路上還蠻多這類相關問題的 :) 可以查看看 06/11 12:21
3F：→ squalll:不過不能說是innerHtml不支援table..(不知道怎麼解釋XD) 06/11 12:23
4F：推 Fenikso:div要放td裡面.. 06/11 12:54
5F：→ Fenikso:還有一樓那個bug是因為ie耍笨(汗) 06/11 12:54
6F：推 squalll:原來.......了解!! XD 06/11 14:21
7F：→ ephesians:應該是說,innerHTML屬性不是每個標籤都有 06/11 14:47
8F：→ ephesians:div是段落分明的區塊喔,加div等於把table切斷,當然這樣 06/11 14:48
9F：推 NelsonT:請問哪些有 innerHTML 的屬性呢？ 06/11 21:17
10F：推 frex:成功了 後來用insertRow的方法解法了 謝謝 06/11 21:31
11F：推 yantchen:你可以把td加上id，td可以用innerHTML 06/12 00:34