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