在 IE 里不能 table.appendChild()

Question

以下我写的 javascript code 在 Firefox 和 Safari 都跑的沒问题, 就是 IE 上沒有效果, 也沒有错误信息:var theTable = document.getElementsByTagName("table")[0];
var newRowTemplate = theTable.rows[theTable.rows.length-1].cloneNode(true);
function addNewImage(newRowTemplate) {
    theTable.appendChild(newRowTemplate.cloneNode(true)); // seems not work in IE
}
addNewImage();
換了另一個个方法, Firefox / Safari 也沒问题, IE 只得到一个不明不白的 Runtime Error:var theTable = document.getElementsByTagName("table")[0];
var newRowTemplate = theTable.rows[theTable.rows.length-1].cloneNode(true);
function addNewImage(newRowTemplate) {
    var insertedRow = theTable.insertRow(-1);
    insertedRow.innerHTML = newRowTemplate.innerHTML; // runtime error in IE
}
请问有沒有大大知道哪里出错了?

Answer 1

加个<tbody>
用<tbody>去appendChild就可以

Answer 2

这个确实是IE的bug，在对table以及p中使用innerHTML的时候某些版本确实会出现运行时错误。
建议使用document.createElement()/cloneNode()的方法组织节点，然后插入。楼上的方法也可以试一下

Answer 3

IE下table元素(td等等)木有innerHTML属性！