Question

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

Answer 1

您可以这样做：

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

DEMO ： JSFiddle

Answer 2

好吧，您可以简单地将每个用户名都包含在<div>标记中，其ID为该用户的ID。并以document.getElementById(). style.color

的方式引用它

Answer 3

<强> See this demo

<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>即可。它将以红色显示用户名。

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

5 个答案: