给定一串html,我将如何搜索并突出显示一个单词?

时间:2018-01-10 15:26:28

标签: javascript

我无法访问任何类型的外部库,因此我必须使用纯JavaScript。

我得到的输入是:

"<html>
  <body>
    <p>Test</p>
  </body>
</html>"

目标是强调单词test。

我已经考虑过使用linebreak拆分字符串,然后对结果数组进行包含搜索以找到我的关键字,但后来我不确定如何将类/元素添加到

< p> tag。

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

这将突出显示第一个p元素,但如果您有多个元素,最好使用ID并通过getElementById找到它

p = document.getElementsByTagName('p');
   p[0].style.background= 'yellow'
"<html>
  <body>
    <p style="width:30px;">Test</p>
  </body>
</html>"