javascript - 如何用与 Internet Explorer 兼容的表格替换子 DOM 元素？

Question

我正在尝试弄清楚如何修改 DOM 以用表格替换元素。下面的代码显示了我遇到的一个问题:如果我尝试用一​​个简单的段落替换一个元素，它工作正常，但如果我尝试使用一个表格，那么在 Internet Explorer 8 中什么也没有显示，尽管其他浏览器仍然可以工作。我如何重写代码以使其适用于所有浏览器？

HTML:

<p>
<a onclick="replaceElementTest(this);">Replace this text</a>
</p>

<p>
<a onclick="replaceWithTableTest(this);">Replace with test table</a>
</p>

JavaScript:

// Works in all browsers
function replaceElementTest(domElement){
    var p = document.createElement("p");
    p.innerHTML = "This element got REPLACED!";
    domElement.parentNode.replaceChild(p,domElement);
}

// Doesn't work in IE8
function replaceWithTableTest(domElement){
    var table, tr, td;

    table = document.createElement("table");
    tr = document.createElement("tr");
    td = document.createElement("td");
    td.innerHTML = "This element got replaced by a TABLE!"

    table.appendChild(tr);
    tr.appendChild(td);

    domElement.parentNode.replaceChild(table,domElement);
}

Answer 1

Internet Explorer 在使用表格时存在一些问题。表中使用的大多数元素实际上是只读的，这可能会导致您看到的一些问题。在我参与的一个项目中，我最终用 CSS 表格替换了我的所有表格以绕过限制。

http://support.microsoft.com/kb/239832

一些文档提到使用“表对象模型”进行操作。

http://msdn.microsoft.com/en-us/library/ms532998(VS.85).aspx