首页 > 代码库 > DOM操作样式表
DOM操作样式表
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操作样式表