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