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

Question

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

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

谢谢 晴天。

Answer 1

试试这个：

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

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