javascript - 改变单个单词的颜色?

标签 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);

}

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

有人知道怎么做吗?

最佳答案

要着色的文本需要用跨度包裹:

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

关于javascript - 改变单个单词的颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46063534/

相关文章:

javascript - 从不同文件导入的最佳方法

google-chrome-extension - 将 chrome 扩展名从 list v1 更改为 v2 时出现端口错误

javascript - 更新 Chrome 扩展中的选项卡并等待它打开以打开另一个下载链接。如何等到 url 在选项卡中打开?

javascript - 单击 chrome 扩展上的按钮后执行 .js 中的所有 javascript(不仅仅是一个函数)

javascript - 单击扩展程序图标时在新选项卡中打开扩展程序的 options.html 页面

javascript - 如何从 Controller 获取字符串并在 View 中使用它?

javascript - 如何正确使用 Flex 并排对齐两个组件(Material UI + ReactJS)?

javascript - BabylonJS Intellisense 适用于 Sublime Text?

javascript - 使用 AJAX 时 ASP.NET MVC 页面未更新

javascript - Chrome Cookie API 不允许我使用返回值