注: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);