更改一個單詞的顏色？

因此所有關於更換的話谷歌瀏覽器的教程給我這樣的事情 -更改一個單詞的顏色？

var replacedText = text.replace(/(hello)/gi, "goodbye"); 

if (replacedText !== text) { 
    element.style.color = colour; 
    element.replaceChild(document.createTextNode(replacedText), node); 

}

所以我明白，我接收到的數據是一個句子，我可以專門進行替換和更新的句子。我想達到的目的是將單數的單詞變成不同的顏色。現在它會將整個句子改爲紅色。

有誰知道如何做到這一點？

來源

2017-09-05 Dean Parker

你應該看一看[問]和[MCVE]併爲你的問題添加更多細節，以便其他人可以複製或至少理解你遇到的問題。 – pvg

相關/重複：[將網頁文本中的匹配詞更改爲按鈕]（https://stackoverflow.com/q/40572679），[用鏈接替換帶有Chrome擴展名的文本]（https://stackoverflow.com/q/ 40276158），[使用.replace（）突出顯示頁面上的文本字詞（https://stackoverflow.com/q/40710728） – Makyen

改變顏色的文本需要被包裹在一個跨度：

this is a test

，你需要添加以下內容：

this is a <span style="color:red">test</span>

在你的條件，你可以做到以下幾點：

text.replace(/(\YOUR_WORD)\s/g, "<span style="color:red">$1</span> ")

來源

2017-09-05 21:29:09 rtrigoso

更改一個單詞的顏色？

回答

相關問題