是否有一种方法可以改变特定文本的颜色

Is there a way to change the color of a specific text

本文关键字：改变 文本 颜色 方法 一种 是否      更新时间：2023-09-26

我在一个网站上，我想用javascript改变我的用户名颜色。我能够用getElementById改变背景，但我似乎不能改变特定文本的颜色，而不改变整个页面的文本颜色。是否有一种方法可以使用getElementById来改变页面上的特定文本?

那么，您可以简单地将每个用户名包含在带有该用户id的<div>标记中。然后输入document.getElementById(). style.color

看到这个演示 

<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';

getElementById只获取包含特定ID的整个HTML元素。因此，如果您希望对该元素中的特定文本进行样式设置，您可以对特定文本使用inline elements。例如:

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

直接使用CSS而不是JavaScript来设置样式:

div#text span {
   color: blue;
}

只有当文本被节点包装时才有可能。使用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>。它将以红色显示用户名

你可以这样做:

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

: JSFiddle

相关文章：