js怎么样动态添加css呢

为了节省代码和写出更兼容的代码，有时我们需要用动态的增加CSS样式。

IE下，我们可以使用 .() 方法；而在非IE浏览器上，就不支持这个方法。可以使用.[0]，但要求网页里必须最少已经加载过一个样式表。

后来我找到以下方法，可以在、Opera下正常运行：

var = "body {font-size:12px;}";

var style = .("style");

style.type = "text/css";

style. = ;

.("HEAD").item(0).(style);

但这种方法却在、下不可行，原因是style.不可写。我再找解决方案，发现用代替的方法可行。

最后，我发个原创JS动态增加CSS样式的方法，兼容目前流行的任意浏览器：