改变一个单词的颜色？ [复制]

Question

所以所有关于替换谷歌浏览器单词的教程都给了我这样的东西 -

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

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

}

所以我明白我收到的数据是一个句子，我可以专门替换单词并更新句子。 我想要实现的是将单数单词变成不同的颜色。现在它会将整个句子变为红色。

有人知道怎么做吗？

Answer 1

要着色的文本需要用 span 包裹：

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> ")