兼容 IE、Firefox 等的动态增加 CSS 内容

作者:vkvi 来源:ITPOW(原创) 日期:2009-1-17

注:EZJ v1.1 中已经集成了动态增加 CSS。

    var cssText = ".title { font-size:18px; }" +
                  ".content { font-size:13px; }";
    try
    {
        //IE
        var styleSheet = document.createStyleSheet();
        styleSheet.cssText = cssText;
    }
    catch (e)
    {
        //Firefox
        var style = $C("style", [{name:"type", value:"text/css"}], document.getElementsByTagName("head").item(0));
        style.textContent = cssText;
    }

在一个页面中,您最多可以用 createStyleSheet 创建 31 个 styleSheet 对象,此点在 MSDN 上已经明确。

$C 在这里是 EZJ JavaScript 框架的快捷函数,若不使用 EZJ,则其代码应为:

var style = document.createElement("style");
style.type = "text/css";
document.getElementsByTagName("head").item(0).appendChild(style);
相关文章