DOM操纵样式表

DOM操作样式表

1.第一种(操作元素的style样式属性,也就是操作内联式)

  每个元素都有一个style属性，用来管理元素的css样式。

  用自己的理解就是用var p=document.getElementByIdx_x_x("P1")得到之后.用p.style.backgroundColor="Red";来更改样式.

要注意的是css样式属性如果是：font-family这种，要写成fontFamily

.

2.第二种(操作外部样式及Style元素中的样式,也就是操作嵌入式和外联式)

  var css=document.styleSheets[0].cssRules(IE浏览器,0表示第一个css) || document.styleSheets[0].rules(DOM浏览器);

css[0].style.backgroundColor="red";（0表示第一个声明的css样式）。

3.第三种(操作最终样式,最终样式就是最后显示在屏幕的样式)

 缺点：只能读取样式，不能修改，因为它读取的是最终显示在屏幕上的，修改的话不能确定修改的是哪里的。

IE浏览器:

var div1=document.getElementByIdx_x_x("div");

div1.currentStyle.backgroundColor="red";

DOM浏览器:

var div2=document.getElementByIdx_x_x("div");

document.defaultView.getComputedStyle(div2,null).backgroundColor="red";