更改一个单词的颜色？

因此所有关于更换的话谷歌浏览器的教程给我这样的事情 -更改一个单词的颜色？

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

更改一个单词的颜色？

回答

相关问题