javascript - 如何在 JavaScript 中更改一个字母的颜色？

Question

我有一个字符串，我只想在 JavaScript 中更改一个颜色字母。

HTML:

<div id="lettersList">Hello</div>

在我的 JavaScript 文件中，我像这样检索(正常)

var lettres = document.getElementById("lettersList");

但我不知道如何改变一个单词的颜色(例如“你好”的“o”)。如果我改变感谢

for (var i=0; i<lettres.length; i++ { lettres[i].style.color = "yellow"; }

它改变了所有的文本(当然)。但我不想那样。

Answer 1

您可以使用 replace() innerHTML 上的方法元素的属性:

const element = document.querySelector('#lettersList');
element.innerHTML = element.innerHTML.replace('o', '<span style="color: red;">o</span>');

<div id="lettersList">Hello</div>