Javascript将文本插入div

Question

这是Removing <span> tag while leaving content intact, with just javascript的后续问题

如果我使用 span 突出显示页面中的文本，它会将内容分解为新节点。然后，当我使用replaceChild 删除突出显示跨度时，节点保持分离。我希望将原始文本合并回单个文本节点，而不是三个文本节点 - 突出显示开始之前的文本、之前突出显示的文本以及突出显示结束后的文本。这可能吗？

Answer 1

你可以试试

 containerElement.innerHTML = containerElement.textContent;

不确定是否可以在 9 之前的 IE 上运行，但由于 textContent。

Answer 2

类似于 Jim 的建议，但适应 IE：

containerElement.innerHTML = containerElement.textContent || containerElement.innerText;

或者更长的版本：

var text = containerElement.textContent || containerElement.innerText;

while (containerElement.firstChild) {
    containerElement.removeChild(containerElement.firstChild);
}
containerElement.appendChild(document.createTextNode(text));

我认为第一个更简单。