Question

我一直在努力寻找范围荧光笔。如果用户选择了一个特定的文本，则该文本应突出显示；如果用户选择了一个文本范围，然后单击“删除突出显示”，则应以相同的方式从该选择中仅删除突出显示的文本。请帮助我，我已经坚持了很长时间。谢谢。

Answer 1

您并不需要插件，而是可以获取所选/突出显示的文本所在的元素，然后将其内容存储在变量中。然后，您可以将元素.innerHTML设置回存储的值。在下面的示例中，我将其应用于整个正文，因此它删除了整个网页上的所有选择。

请参见下面的工作示例：

const btn = _ => {
  const elem = document.querySelector('body');
  const txt = elem.innerHTML;
  elem.textContent = '';
  elem.innerHTML = txt;
}

<body>
  <p id="txt">This is some text. This is some more text, this is even mooooore text, this is even mooooore text, this is even mooooore text, this is even mooooore text, this is even mooooore text! this is even mooooore text! this is even mooooore text!</p>
  <button onclick="btn()">Deselect</button>

</body>

任何好的javascript范围荧光笔

1 个答案: