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

我有一个

这是一个句子

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

谢谢 阳光明媚。

试试这个：

将文本框连接到onkeypress事件

在事件函数中，对键入的每个单词进行筛选，并将其与div中的单词相匹配

对于每个匹配的单词，通过修改

one.innerHTML

的内容，将div中的

word

替换为

word

注意，在修改div之前，应将原始内容存储在用作匹配基础的全局变量中，否则，匹配将被

标记弄乱。

尝试以下操作：

将文本框连接到onkeypress事件

在事件函数中，对键入的每个单词进行筛选，并将其与div中的单词相匹配

对于每个匹配的单词，通过修改

one.innerHTML

的内容，将div中的

word

替换为

word

---

请注意，在修改div之前，您应该将原始内容存储在用作匹配基础的全局变量中，否则，匹配将被

标记弄乱。

到目前为止您尝试过什么吗

onkeypress

是输入框所需的，然后是以跨浏览器方式使用范围的知识。到目前为止，您尝试过什么吗

onkeypress

是输入框所需的，然后是以跨浏览器方式使用范围的知识。它可以工作，但在更改颜色后，页面将刷新，更改将撤消。您好，如果我要将下一个单词的颜色更改为匹配的单词，该怎么办。例如：参考上面的代码（顶部），“this”是搜索字符串，所以我想给“is”加上颜色。如何在javascript中实现这一点？高级搜索/匹配可以通过使用正则表达式来实现，但我不是这方面的专家，因此其他人可能想回答这个问题。它可以工作，但在它更改颜色后，页面会刷新，更改也会撤消。嗨，如果我想将下一个单词的颜色更改为匹配的单词，该怎么办。例如：参考上面的代码（顶部），“this”是搜索字符串，所以我想给“is”加上颜色。我如何在javascript中做到这一点？高级搜索/匹配可以通过使用正则表达式来完成，但我不是这方面的专家，所以其他人可能想回答这个问题。