改变一个单词的颜色?

时间:2017-09-05 21:22:16

标签: javascript google-chrome-extension

所以关于替换Google Chrome的单词的所有教程都给我这样的东西 -

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

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

}

所以我理解我收到的数据是一个句子,我可以专门替换单词并更新句子。 我想要实现的是将单数单词转换为不同的颜色。现在它会将整个句子改为红色。

有谁知道怎么做?

1 个答案:

答案 0 :(得分:1)

要着色的文本需要包含在范围内:

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