Javascript更改字体颜色

Question

我需要更改字体颜色。

我有以下几点：

var clr="green"; 

    <font color=clr>' + onlineff + ' </font> 

字体颜色不会更改为绿色。只是想知道如何解决这个问题。

Answer 1

不要使用字体颜色是...这真的是老派，一些浏览器甚至不喜欢它了。 使用跨度和CSS：

function givemecolor(thecolor,thetext) 
    { 
    return '<span style="color:'+thecolor+'>'+thetext+'</span>'; 
    } 
document.write(givemecolor('green','I\'m an apple')); 
document.write(givemecolor('yellow','and I\'m a banana')); 

Answer 2

尝试这样的：

var clr = 'green'; 
var html = '<font color="' + clr + '">' + onlineff + ' </font>'; 

这是说，你应该避免使用<font>标签。现在已被弃用。使用CSS来更改标记中给定元素的样式（颜色）。

Answer 3

考虑更改您的标记是：

<span id="someId">onlineff</span> 

然后你可以使用这个脚本：

var x = document.getElementById('someId'); 
x.style.color = '#00FF00'; 

看到它在这里：http://jsfiddle.net/2ANmM/

Answer 4

HTML代码

<div id="coloredBy"> 
    Colored By Santa 
</div> 

JavaScript代码

document.getElementById("coloredBy").style.color = colorCode; // red or #ffffff 

我觉得这是非常容易使用