DOM操作样式表

标签：style   color   io   ar   sp   div   c   r   ef   

1.操作Style样式属性

　　1.1通过style对象的属性

　　document.getElementById("bbb").style.backgroundColor="red";

　　//由style的属性值访问或者获得的是内联样式

　　1.2通过style对象的方法//由于IE不支持,所以用第一种方法较好

　　　　getPropertyValue(propertyName);//用CSS属性中的写法:background-color

　　　　getPropertyPriority();

　　　　item(index);

　　　　removeProperty(propertyName);

2.操作外部样式表  由于一旦更改会更改有此class的所有元素的样式,所以建议若需要更改某个元素的样式,用该元素的style属性来更改

　　2.1获得CSS样式表   var oCSSRules = document.stylesheet[0].cssRules || document.stylesheet[0].rules　　　　//ie用rules集合

　　2.2访问某个样式　　oCssRules[0].style.backgroundColor

3.查看最终样式　　　　只读,不能更改,若想更改用style的属性

　　3.1 定义:显示在浏览器上的样式    由于优先级的关系,某些样式会被覆盖,查看最终在浏览器上显示的方法

　　3.2 IE document.getElementById(‘DD‘).currentStyle.backgroundColor//和普通style一样

　　3.3DOM document.defaultView.getComputedStyle(oDiv,null).backgroundColor

DOM操作样式表

标签：style   color   io   ar   sp   div   c   r   ef   

原文地址：http://www.cnblogs.com/Excalibur-Zhou/p/4005464.html