移除& lt; span>标记，同时保留内容完整，仅使用javascript

Removing <span> tag while leaving content intact, with just javascript

本文关键字：javascript span lt 标记 移除 保留      更新时间：2023-09-26

我正在做一些页面突出显示，并发现使用文本选择和添加跨度时最流行的例子是切换到designMode并运行execCommand

如何突出显示DOM范围对象的文本?

没有关于如何删除span标签一旦创建。我看到了一些使用jquery和replaceWith的例子，但没有一个是直接使用javascript的。

您应该能够做如下操作:

// Where span is a reference to the span to be replaced
var text = span.textContent || span.innerText;
var node = document.createTextNode(text);
span.parentNode.replaceChild(node, span);

用<span>的内容(innerHTML)创建一个新的文本节点。将父节点<span>替换为replaceChild:

spanTag.parentNode.replaceChild(document.createTextNode(spanTag.innerHTML), spanTag)

相关文章：