javascript变量文本颜色

时间:2014-02-10 11:18:04

标签: javascript variables colors

我正在尝试为字符串javascript变量添加颜色,但它会输出代码

我拥有的是

var str  = "COLORME RED ";
str  += "COLORMENOT ";

我试过

var col = "COLORME";
var colored = col.fontcolor("#ff0000");
var str = colored + " RED ";
str  += "COLORMENOT ";

但不是

**COLORME** RED COLORMENOT

注意: COLORME 为红色

我得到的是

<font color="#ff0000">COLORME</font> RED COLORMENOT

提前致谢

1 个答案:

答案 0 :(得分:0)

String.prototype.fontcolor()

  

使用说明:HTML5中已删除<font>元素,但不应删除。{3}}元素   再也用了。相反,Web开发人员应该使用CSS属性。


正确使用DOM是关键。使用style代码,而不是font代码。

<p><span style="color:#FF0000;">COLORME</span> RED COLORMENOT</p>

Demo

(function () {
    var p = document.createElement('p');
    var s = document.createElement('span');
    var t = document.createTextNode();

    s.style.color = '#FF0000';

    s.innerHTML = 'COLORME';
    t.nodeValue = ' RED COLORMENOT';

    p.appendChild(s);
    p.appendChild(t);
    document.body.appendChild(p);
})();