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

$(function() { ... })

将包含此JavaScript的<script>标记放在<body>
确保您的代码在窗口加载后触发... window.onload=function(){ ... };

这些方法中的每一种都有不同的微妙生命周期/时间影响，这在本论坛的其他地方有所描述。

innerHtml不适用于表格

3 个答案: