JS控制CSS样式的方法

群里的兄弟问的效果

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

网上搜到的不错的控制css

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>JS控制样式</title> 
<style type="text/css"> 
/*这个不要去啊。。*/ 
* { 
    font-size:12px; 
} 
</style> 
<script type="text/javascript"> 
(function () { 
    if (window.CSSStyleSheet) { 
        var wc = window.CSSStyleSheet.prototype; 
        wc.addRule = function (a, b) { 
            var wc = this; 
            wc.insertRule(a + "{" + b + "}", wc.cssRules.length); 
        }; 
        wc.removeRule = function (a) { 
            var wc = this; 
            wc.deleteRule(a); 
        }; 
        wc.__defineGetter__("rules", new Function("return this.cssRules")); 
    } 
})();

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

JS控制CSS样式的方法_javascript技巧