Javascript 取代 child ？

Question

我有一个包含几行的 HTML 表格。

我最初为其中一些表格行 (TR) 提供了一个 ID，然后我将使用 javascript 通过一些新的动态内容来设置其中一些表格行的 INNERHTML。

但是，Internet Explorer 不喜欢这样，并给出“未知运行时错误”，因为我正在尝试设置内联元素的 INNERHTML。

所以现在，我尝试用新的子行替换整个表行子项。我不能简单地追加子项，因为我需要新的表行位于与原始表行相同的位置(模仿该表行的内容已被更改，而实际上，整个行都被“替换”)。

希望有人能解决这个问题(我在想a)获取子位置b)删除原始表行和c)在A)中找到的子位置插入新表行。也许还有更简单更好的解决方案？希望得到一些意见。

干杯!

Answer 1

IE 不太喜欢通过 innerHTML 进行表格操作。你可以这样做:

var oldrow = document.getElementById('the_id');
var newrow = document.createElement('tr');

// add cells to the new row
var newcell = document.createElement('td');
newcell.innerHTML = "content";
newrow.appendChild(newcell);
// ... ... ...

// Replace the old row with the new one:
oldrow.parentNode.insertBefore(newrow, oldrow);
oldrow.parentNode.removeChild(oldrow);
newrow.id = 'the_id';

<小时/>

离题:像这样的问题是我通常建议使用像 jQuery 这样的库的部分原因。 , Prototype , YUI , Closure ，或any of several others消除浏览器的怪异现象并提供 DOM 本身无法提供的附加基本功能。这可以让您专注于正在解决的实际问题，而不是浏览器陷阱的奥秘。