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 

我覺得這是非常容易使用