javascript - 用 innerhtml 替换节点

Question

我想使用 JavaScript 删除特定的 DOM 节点并将其替换为 innerHTML。例如我想改变

<div>
...
   <div id="t1">
        this is <b> the text </b> I want to remain.
   </div>
...
</div>

到

<div>
...
    this is <b> the text </b> I want to remain.
...
</div>

Answer 1

试试这个:

var oldElem = document.getElementById('t1');
oldElem.innerHTML = 'this is <b> the text </b> I want to remain.';
var parentElem = oldElem.parentNode;
var innerElem;

while (innerElem = oldElem.firstChild)
{
  // insert all our children before ourselves.
  parentElem.insertBefore(innerElem, oldElem);
}
parentElem.removeChild(oldElem);

有演示here .

这实际上与 .replaceWith() 相同来自 jQuery:

$("#t1").replaceWith('this is <b> the text </b> I want to remain.');