页面导航：首页 → 网络编程 → JavaScript → 应用技巧 → 正文内容

JS控制CSS样式的方法

发布：dxy 发布日期：2007-10-10 15:11:57 字体：[增加减小] 类型：转载

群里的兄弟问的效果

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

网上搜到的不错的控制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 全选提示:你可先修改部分代码,再按运行]

Tags：JS控制CSS样式的方法