Javascript:动态设置窗口选择或从元素中选择特定文本

Question

首先，标题与以下问题相同：JavaScript集窗口选择

但这个问题的标题很差，因为他想知道如何选择或清除当前的选择，答案是如何清除选择。

问题是，如何使用java-script动态/以编程方式在元素(div、p、b等)上创建选择？基本上，如何动态高亮显示元素中的文本？

关于如何突出显示特定元素的所有文本，有许多答案，但对于如何突出显示元素的特定文本，没有回答。

Answer 1

从这里你可以得到一些信息：intro.html

编辑：

您需要遍历正确的元素节点，以便突出显示该元素中的特定文本。因此，selectParticular中的元素(elem，start，end)必须是文本元素，否则会发生错误。

可以使用以下代码动态突出显示/获取元素的所有文本：

function selectAll(elem){
   var range = document.createRange();
    range.setStart(elem, 0);
    range.setEnd(elem, 1);
    window.getSelection().addRange(range);
}

您可以通过以下方式突出显示/获取元素上特定文本的选择：

function selectParticular(elem, start, end){
    var range = document.createRange();
    range.setStart(elem.firstChild, start);
    range.setEnd(elem.firstChild, end);
    window.getSelection().addRange(range);
}

注意:在将兼容性表实现到您的站点之前，您必须查看它。