javascript - 使用javascript更改div值中单词的颜色

Question

我有一个 <div id="one">this is a sentence</div>

我有一个用于用户输入的文本框，如果用户输入的单词与 div 中的任何单词匹配，例如:如果用户输入“this”，它也存在于 div 值中，则应更改“this”的背景颜色, 使用 Javascript

谢谢 晴天。

Answer 1

试试这个:

1. 将文本框连接到 onkeypress 事件
2. 在事件函数中，对输入的每个单词进行过滤，并将其与 div 中的单词匹配。
3. 对于每个匹配的词，替换 word在带有 <span style="background-color:yellow;">word</span> 的 div 中通过修改one.innerHTML的内容.

注意，在修改div之前，应将原始内容存储在一个全局变量中，作为匹配的基础，否则匹配会被<span...>弄得乱七八糟。标签。