javascript - 在 el.appendChild(document.createTextNode()) 上转换的 HTML 字符

Question

我有一个动态 CSS 加载器，例如：

function(css,onlyIE){
    var el = document.createElement('style');
    el.type = 'text/css';
    el.media= 'screen';
    if((typeof onlyIE != "undefined" && onlyIE && el.styleSheet) || typeof onlyIE == "undefined" || !onlyIE){
    // Mode IE http://stackoverflow.com/questions/4758524/trying-to-append-css-to-the-head-of-a-html-page-using-javascript
        if (el.styleSheet){
            el.styleSheet.cssText= css;
        }else{ // Mode standard
            el.appendChild(document.createTextNode(css));
        }
        document.getElementsByTagName('head')[0].appendChild(el);
    }
}

当我有一个包含>它的 CSS 被翻译成& gt;.

例如：

body > div{
   color: red;
}

你有什么办法可以避免这个问题吗？

我使用的浏览器是FF 12。