突出显示javascript中的特定单词

Question

我想突出显示textarea中的特定单词。 我知道如何为整个部门做这件事，但不知道如何为特定的单词做这件事。

document.getElementById("labnol").style.backgroundColor = "lightblue";

这是我试图突出显示整个div的内容。但现在想要为特定的单词执行此操作。

Answer 1

您必须使用类span为该单词创建ui-match元素（可以是任何类名）

<强> HTML

  <p> 
       Hello <span class="ui-match">there</span>, How are you?
  </p>

<强> CSS

 .ui-match {
     background: #FF0;
  }