javascript可变文字颜色

Question

I'm trying to add color to a string javascript variable but it outputs thecode instead

what I have is

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

i tried

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

but instead of getting

**COLORME** RED COLORMENOT

NOTE: COLORME is red

what i get is

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

thanks in advance

Answer 1

String.prototype.fontcolor()

Usage note: The <font> element has been removed in HTML5 and shouldn't be used anymore. Instead web developers should use CSS properties.

---

Proper usage of the DOM is key. Use style tags, not font tags.

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