javascript - 删除 标签，同时保留内容完好无损，仅使用 javascript

Question

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

How can I highlight the text of the DOM Range object?

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

Answer 1

您应该能够执行以下操作:

// 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);