Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 有没有办法更改特定文本的颜色_Javascript_Html_Css - Fatal编程技术网

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

Javascript 有没有办法更改特定文本的颜色,javascript,html,css,Javascript,Html,Css,我在一个网站上,我想用javascript更改我的用户名颜色。我可以使用getElementById更改背景,但如果不更改整个页面的文本颜色,我似乎无法更改特定文本的颜色。有没有一种方法可以使用getElementById更改页面上的特定文本?您可以执行以下操作: document.getElementById("id").style.color = "red"; 演示:好吧,您只需将每个用户名包含在一个带有该用户id id的标记中,然后用document.getElementById()

我在一个网站上,我想用
javascript
更改我的用户名颜色。我可以使用
getElementById
更改背景,但如果不更改整个页面的文本颜色,我似乎无法更改特定文本的颜色。有没有一种方法可以使用
getElementById
更改页面上的特定文本?

您可以执行以下操作:

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

演示

好吧,您只需将每个用户名包含在一个带有该用户id id的
标记中,然后用
document.getElementById()引用即可。样式.颜色

<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';
此div元素具有不同的颜色
document.getElementById('sp1').style.color='green';
document.getElementById('sp2').style.color='red';

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

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

只有当文本由节点包装时,才可能这样做。使用span标记包含所需文本。在此处包含一个类似于
用户名的span类
。然后在CSS样式表中使用:

span.username{

color:your.desired.color;

}


如果你正在制作一个网站,我建议你学习CSS。是最好的!如果你不想使用CSS,你可以在这里写
用户名
。它将以红色显示用户名。

您认为应该更改文本颜色的代码是什么?(编辑你的帖子,添加你迄今为止尝试过的内容)你想清楚答案,给我演示一下,这样我就不能使用javascript了?试着不要在CSS可以做的事情中使用javascript。想象一下,如果你的javascript没有加载或被阻止加载,那么你的风格就会丢失。另一方面,这不是我的网站,我很抱歉没有明确早些时候
div#text span {
   color: blue;
}