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

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

来源

2012-12-21 Ponder

你有什么代码，你认为应该改变文本颜色？（编辑你的文章，加入你到目前为止的尝试） –

[**这里是**]（http://jsfiddle.net/n5TZk/2/） –

你想清楚的答案，在http：//演示jsfiddle.net – KarSho

你可以做这样的事情：

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

DEMO：JSFiddle

来源

2012-12-21 06:49:50

@downvoter ...这有什么问题.. ?? –

嗯，你可以简单地有<div>标记中与该用户的ID的ID每个用户名。并与document.getElementById(). style.color

来源

2012-12-21 06:50:51 Descartes

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

来源

2012-12-21 06:51:35

的getElementById只得到其中包含特定ID在整个HTML元素引用这种方式。因此，如果您想对该元素中的特定一组文本进行样式设置，则可以使用inline elements作为特定文本。例如：

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

只需使用CSS样式它，而不是JavaScript：

div#text span { 
    color: blue; 
}

来源

2012-12-21 06:53:43

所以我不能使用JavaScript来做到这一点？ – Ponder

不要在CSS可以做的事情中使用JavaScript。想象一下，如果你的javascript没有加载或阻止加载，那么你的风格将会失去。 –

是的，我意识到这一点，我不希望这种颜色持久。另一方面，这不是我的网站，我很抱歉没有明确说明此事 – Ponder

这是可能的，只有你有一个节点包裹的文本。使用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>。它将以红色显示用户名。

来源

2012-12-21 06:57:15 Torrien

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

回答

相关问题