如何用页面上的另一个HTML替换一段HTML？

Question

我正在制作一个简单的浏览器扩展程序，它应该用于页面上的链接添加。 扩展应该查找带有法律参考的文本，并将其包含在与相应页面的链接中，并附有法律文本。

例如，文字“chapter 1 of Some Law”中的引用“The topic covered in the chapter 1 of Some Law”应该包含这样的链接 - “The topic covered in <a href="http://link-to-the-law.text">chapter 1 of Some Law</a>”

用户以这种方式与扩展程序进行交互：

1. 选择页面上的一些文本（它可以包含许多DOM元素）
2. 通过单击右键单击菜单按钮
来触发文本换行
3. 对我们的服务器执行带有所选文本的CORS
4. 返回包含在链接中的法律引用的文本
5. 所选文本将替换为返回的文本

现在我已经坚持了第5步。我有一个Selection object和一个带有包装引用的原始接收HTML。

是否有可能（以及如何）用接收到的文本替换选定的文本（实际上是一堆DOM元素）？ 可能是你遇到过一些类似行为的扩展/库/等？或者你可能知道更好的替代方法吗？如果是这样，请告诉我。

Answer 1

我不太确定你在问什么，但据我所知，你想用其他DOM元素替换DOM元素。查看innerHTML和/或createElement。