javascript - 有没有办法改变特定文本的颜色

Question

我在一个网站上，我想用 更改我的用户名颜色javascript。我能够更改背景，getElementById但我似乎无法在不更改整个页面文本颜色的情况下更改特定文本的颜色。有没有办法用来getElementById更改页面上的特定文本？

Answer 1

你可以这样做：

document.getElementById("id").style.color = "red";  

演示：JSFiddle

Answer 2

好吧，您可以简单地将每个用户名包含在<div>带有该用户 ID 的 ID 的标签中。并以这种方式引用它document.getElementById(). style.color

Answer 3

看这个演示

<div> This div <span id="sp1">elements</span> have <span id="sp2">different</span> colours    </div>

document.getElementById('sp1').style.color = 'green';
document.getElementById('sp2').style.color = 'red';

Answer 4

getElementById 只获取包含特定 ID 的整个 HTML 元素。因此，如果您希望在该元素内的特定文本束上设置样式，您可以使用inline elements特定文本。例如：

<div id="text">
  Some text with <span>your name</span> here.
</div>

只需使用 CSS 而不是 JavaScript 来设置样式：

div#text span {
   color: blue;
}

Answer 5

这只有在文本被节点包裹时才有可能。使用 span 标签包含期望的文本。包括一个像这样的跨度类<span class="username">user name here</span>。然后在您的 CSS 样式表中使用：

span.username{

color : your.desired.color ;

}

如果您正在制作网站，我建议您学习 CSS。是最好的！如果你不想使用 CSS，你可以写<span style="color:red">user name here</span>. 它将以红色显示用户名。