Javascript 当一个单词出现多次时，如何更改其颜色

我目前正在尝试使用正则表达式将单词“Kanye”改为红色

但是，它没有出现：

<div id="kanye">
  <center>
    <p>I miss the old Kanye,</p>
         <p> straight from the Go Kanye
<p>Chop up the soul Kanye, set on his goals Kanye</p>
<p>I hate the new Kanye, the bad mood Kanye</p>
<p>The always rude Kanye, spaz in the news Kanye</p>
<p>I miss the sweet Kanye, chop up the beats Kanye</p>
<p>I gotta say, at that time I'd like to meet Kanye</p>
<p>See, I invented Kanye, it wasn't any Kanyes</p>
<p>And now I look and look around and there's so many Kanyes</p>
<p>I even had the pink polo, I thought I was Kanye</p>
<p>What if Kanye made a song about Kanye</p>
<p>Called "I Miss The Old Kanye"? Man, that'd be so Kanye</p>
<p>That's all it was Kanye, we still love Kanye</p>
<p>And I love you like Kanye loves Kanye</p>
 </center>
  </div>

我想念老坎耶

直接从Go Kanye开始
斩断灵魂的Kanye，设定他的目标Kanye

我讨厌新的Kanye，坏心情的Kanye

那个总是粗鲁的Kanye，在新闻里胡说八道的Kanye

我想念甜蜜的肯耶，切碎节拍肯耶

我得说，那时我想见见Kanye

看，我发明了Kanye，它不是Kanyes

现在我环顾四周，发现有那么多的Kanyes

我甚至还穿着粉红色的马球，我还以为我是坎耶呢

如果Kanye唱了一首关于Kanye的歌呢

叫“我想念老Kanye”？伙计，那太好了Kanye

这就是Kanye，我们仍然爱Kanye

我爱你就像Kanye爱Kanye一样

脚本如下：

<script>
var text = document.getElementById("kanye");
var str = kanye.innerHTML;
    reg = /\[Kanyes?|yeezy/ig

var toStr = String(reg);
var color = (toStr.replace('\/g', '|')).substring(1);   


var colors = color.split("|");

if (colors.indexOf("kanye") > -1) {
    str = str.replace(/\[Kk]anyes?/g, '<span style="color:red;">red</span>');
}

document.getElementById("updated").innerHTML = str;

</script>

var text=document.getElementById（“kanye”）；
var str=kanye.innerHTML；
reg=/\[Kanyes？| yeezy/ig
var toStr=字符串（reg）；
var color=（toStr.replace（'\/g'，'|'）。子字符串（1）；
var colors=color.split（“|”）；
if（颜色索引（“kanye”）>-1）{
str=str.replace（/\[Kk]anyes？/g，'red'）；
}
document.getElementById（“更新”）.innerHTML=str；

---

我没有正确使用span吗？再次感谢！

这应该适用于您的情况，您也可以在不同的if情况下检查Kanyes

var text = document.getElementById("kanye");
var str = kanye.innerHTML;
if (str.toLowerCase().indexOf("kanye") > -1) {
str = str.replace(/kanyes/ig, '<span style="color:red;">Kanyes</span>');
str = str.replace(/kanye/ig, '<span style="color:red;">Kanye</span>');  
}
document.getElementById("kanye").innerHTML = str;

var text=document.getElementById（“kanye”）；
var str=kanye.innerHTML；
if（str.toLowerCase（）.indexOf（“kanye”）>-1）{
str=str.replace（/kanyes/ig，'kanyes'）；
str=str.replace（/kanye/ig，'kanye'）；
}
document.getElementById（“kanye”）.innerHTML=str；

是否有id为

已更新的内容

？我在您的HTML中没有看到它，您正在尝试设置该元素的innerHTML。太棒了！非常感谢！