使用javascript更改div值中單詞的顏色

Question

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

我有一個供用戶輸入的文本框，如果用戶鍵入的單詞與div中的任何單詞匹配，例如：如果用戶鍵入“ this”（也存在div值），則應使用Java腳本更改“ this”的背景顏色

謝謝Sunny。

Answer 1

嘗試這個：

1. 將文本框連接到onkeypress事件
2. 在事件函數中，對輸入的每個單詞進行過濾，並將其與div中的單詞匹配。
3. 對每個匹配的字，替換word在div與<span style="background-color:yellow;">word</span>通過修改的內容one.innerHTML 。

請注意，在修改div之前，應將原始內容存儲在用作匹配基礎的全局變量中，否則，匹配會因<span...>標簽而混亂。