js在ie8上动态增加表格tr的bug
日期：2014-05-16 浏览次数：20340 次
js在ie8下动态增加表格tr的bug
<html>
<body>
<table id="mytable">
<tr>
<th >adf</th>
<th >123</th>
<th >342</th>
<th >4545</th>
</tr>
</table>
<script>
var fragment = document.createDocumentFragment();
var tableElement = document.getElementById("mytable");
alert(tableElement .innerHTML); //输出值为<TBODY><TR>.....</TR></TBODY>
alert(tableElement .outerHTML);//输出值为<TABLE id=mytable><TBODY><TR>...</TR></TBODY></TABLE>
for (var i=0; i<10; i++) {
var tr = document.createElement("tr");
for (var j=0; j<4; j++) {
var td = document.createElement("td");
td.innerHTML = "111";
tr.appendChild(td);
fragment.appendChild(tr);
}
}
tableElement .appendChild(fragment);
//如果注释掉这句，在ie8下不会增加tr，在firefox下表现正常
//判断是否是ie浏览器，如果是的话用tableElement .outerHTML = tableElement .outerHTML保证append标签正确使用
if(document.all) {
tableElement .outerHTML = tableElement .outerHTML; //outHTML是ie下特有的属性，firefox下没有
}
</script>
</body>
</html>
?
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
