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

Question

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

我有一个userinput的文本框，如果用户键入一个匹配div中任何单词的单词，例如：如果用户输入“this”，这也是div值，那么“this”的背景颜色应该改变，使用Javascript

由于 晴天。

Answer 1

试试这个：

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

注意，在修改div之前，您应该将原始内容存储在用作匹配基础的全局变量中，否则匹配将与<span...>标记混杂在一起。