添加跨越多个节点的 DOM 元素

Answer 1

一些浏览器（目前除了 Firefox 和 Safari）支持 Text Fragments，这正是您想要的，但您无需手动计算偏移量，而是指定两个关键字来分隔开始 (

textStart

) 和结束(

textEnd

) 要突出显示的文本，浏览器会自动完成这项工作。您还可以指定要突出显示的整个字符串。所以在你的情况下，它会很简单：

https://yoursite.com/#:~:text=第1段的内容。这是第2段的内容。

如果您不想将该链接传递给您的用户，您可以使用一个自动添加片段的脚本。像这样的东西：

location.hash = ":~:text=content of paragraph 1.  This is the content of paragraph 2.";

请注意，更改

location.hash

属性不会导致重定向，即不会重新加载页面。

甚至可以通过连接

&

来突出显示多个文本，如我提供的参考资料（具有多个文本片段的 URLs）所示。