innerHtml在表中不起作用

Question

我有一個表，在該表中我想用javascript添加幾行，但這在ie10中不起作用。

<table id="itemidentitynamedeploy">
</table>

javascript代碼

var itemidentitynamedeploy = document.getElementById('itemidentitynamedeploy');
for(var x=0;x<6;x++)
{
itemidentitynamedeploy.innerHTML += "<tr><td>"+x+"</td></tr>";
}

請提出建議。

Answer 1

tr和td封閉標簽（ </tr></td> ）的順序錯誤。 用這個

itemidentitynamedeploy.innerHTML += "<tr><td>"+x+"</td></tr>";

代替這個

itemidentitynamedeploy.innerHTML += "<tr><td>"+x+"</tr></td>";

Answer 2

嘗試..

 var tr=itemidentitynamedeploy.insertRow(x);
 var td=tr.insertCell(0);
 td.innerHTML=x

Answer 3

這是一個有效的小提琴（在IE10和Chrome中進行了測試），

http://jsfiddle.net/HjMwJ/

由於上面的代碼可以與名為onload的JavaScript一起使用，因此，如果您無法在IE10的代碼中使用此代碼，則可能需要確保一旦加載DOM元素也可以調用解決方案中的JavaScript。

如果不確定如何執行此操作，則可以通過以下任意一種方法來執行

如果您使用的是jQuery，請將您的JavaScript包裝在$(function() { ... })
將包含此JavaScript的<script>標記放在<body>的末尾
確保在窗口加載后激發您的代碼... window.onload=function(){ ... };

這些方法中的每一種都有不同的細微生命周期/時序影響，這在本論壇的其他地方都有介紹。

innerHtml在表中不起作用

問題描述

3 個解決方案

解決方案1
1 2013-10-17 09:22:16

解決方案2
1

解決方案3
0 2013-10-17 09:36:33

innerHtml在表中不起作用

問題描述

3 個解決方案

解決方案1 1 2013-10-17 09:22:16

解決方案2 1

解決方案3 0 2013-10-17 09:36:33

解決方案1
1 2013-10-17 09:22:16

解決方案2
1

解決方案3
0 2013-10-17 09:36:33