样式

style对象的样式都有一个style属性

可有通过style来读写

            var a=document.querySelector(".div1");
            a.style.backgroundColor="red";

DOM2级还定义了一些属性和方法

cssText:能读写css代码，和上面那个有点像

length:返回有几个

getPropertyValue(a):返回a属性的值

---

在遇到重叠元素的时候

上面的代码并不能显示

DOM2级增强了这样一个功能

用document.defaultView.getComputedStyle(节点，null)

---

CSSStyleSheet类型表示的是样式表，包括了link元素和style元素中定义的样式表

通过document.styleSheets调用

或者  a.sheet  ie 的 a.styleSheet

然后我们可以通过属性访问css了

css规则

用下面css为例

            div.div1{
                background-color:blue;
                100px;
                height:200px;//这算一个规则
            }

            var a=document.styleSheets[0];//获得链接的第一条
            var b=a.rules||a.cssRules;//获得规则表
            var c=b[0];              //获得第一条规则
            console.log(a,b,c);

常用的规则属性

c.selectorText// div.div1（名字

c.rule.cssText //完整的css代码

c.rule.width//其他的属性之类

插入和删除(在取得某一个具体链接上进行

a.insertRule("body{background-color:green}",0);后面的数字表示层叠的次序

a.deleteRule(0）数字表示第几个规则