Javascript（如果var包含一个单词，则仅更改该单词的颜色）

基本上，这背后的想法是从变量（链接到SQL SERVER，列为VARCHAR（MAX））的程序代码中指出关键字

这是我试图实现的代码，它将整个字符串更改为蓝色，因为它包含单词“if”：

if (contentItem.screen.SoftwareLibrary.Code.indexOf(if) !== 1) {
    element.style.color = "blue";
}

我希望它扫描变量代码，它包含单词“if”，我只希望这个单词变成蓝色

---

这可能吗？感谢您提供的任何提示或帮助

您可以直接使用替换（）方法，请尝试以下操作：

contentItem.screen.SoftwareLibrary.Code.replace("if", "<span style=\"background-color:red\">if</span>");

contentItem.screen.SoftwareLibrary.Code.replace("if", "<span style=\"color:blue\">if</span>");
//... other color rules  
element.innerHTML = contentItem.screen.SoftwareLibrary.Code;

JS:

.colored {
   background-color:red;
}

//managethuis function like you want
window.addEventListener("load", changeColor);

 function changeColor() {
   contentItem.screen.SoftwareLibrary.Code.replace("if", "<span class=\"colored\">if</span>");
 }

//managethuis的功能如您所愿
window.addEventListener（“加载”，更改颜色）；
函数changeColor（）{
contentItem.screen.softwarebrary.Code.replace（“if”，“if”）；
}

如果您不想使用highlight.js路径，可以使用以下方法：

contentItem.screen.SoftwareLibrary.Code.replace("if", "<span style=\"background-color:red\">if</span>");

contentItem.screen.SoftwareLibrary.Code.replace("if", "<span style=\"color:blue\">if</span>");
//... other color rules  
element.innerHTML = contentItem.screen.SoftwareLibrary.Code;

contentItem.screen.softwarebrary.code.replace（“如果”、“如果”）；
//... 其他颜色规则
element.innerHTML=contentItem.screen.SoftwareLibrary.Code；

---

我强烈建议使用highlight.js，因为它非常健壮，可以节省大量时间。

js变量没有颜色。你如何展示课文？什么是

.code

？什么是

元素

？您是否试图对源代码着色？如果是这样的话，你应该检查一下：它支持多种语言，并且可以通过CSS主题为每种语言定制。是的，我基本上是，我想突出的关键字和彩色化它们在我使用的所有编程语言中都很有用。。。我现在查看它，感谢您的帮助，文本正在varcharim中的Lightswitch应用程序中显示。恐怕什么也不会发生，我确保大小写也正确，并且常规文本字段保持黑色。此代码可以工作，但您必须在更新DOM之前应用任何颜色更改。否则，它将不会更新颜色，文本将保持默认颜色。或者，您可以制作一个CSS类

彩色

，给它一个不同的颜色，并给您的单词这个类，看看我的编辑。我现在正在看tge highlight.js，这是您的权利，这将需要更长的时间，代码会改变布局，但不会改变颜色，但是我不知道highlight.js，所以我会试试这个，谢谢，我想我没有足够的上下文来给出着色的确切代码，但我很高兴你能尝试highlight.js。