IE中<table>元素不支持JS加入行appendChild

• HTML中有一表格

<table id="test"><tr><td><img src="load.jpg"></td></tr></table>

•  然后AJAX返回数据，在table中展现

var t=document.getElementById("test") ;
t.innerHTML="<tr><td>数据</td></tr>";
或者
var t=document.getElementById("test") ;

var tr=document.createElement("tr");
var td=doucment.createElement("td");
td.innerHTML="数据";
tr.appendChild(td);
t.appendChild(tr);

 其实tr父节点是tbody，但是在tbody中添加tr，我也没有成功。

 

•  然后上面是不行的,变通一下在td里面添加内容，所以你要完全构造一个table，

<table><tr><td id="test"><img src="load.jpg"></td></tr></table>

var t=document.getElementById("test") ;
t.innerHTML="<table><tr><td>数据</td></tr></table>";

//当然你直接操作DOM节点，也行，不过但现在我还未取舍innerHTML还是全部DOM节点操作

 

• 或者你也可以预设一个div然后在里面添加内容，内容容器或者是TABLE或者是其他类型的元素

总之：不要预设table然后，在table中加入行，除非IE消亡了。