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