关于js中DOM样式的学习笔记

html样式定义的三种方式：

1.<link/> 外部引入css文件

2.<style/>嵌入式样式

3.通过元素属性style定义

问题：

1.node为DOM元素，可以通过node.style.xxx设置及获取元素样式。但是这种方法只能获得style属性中的样式，对于link引入的css样式无法获取。

2.对于link引入的css样式,可以通过window.getStyleComputed()获取。getStyleComputed()是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象([object CSSStyleDeclaration])，只读。getStyleComputed()可以获取伪类样式。

     window.getStyleComputed('元素','伪类')

3.IE浏览器中，可以通过element.currentStylelaic返回的是元素当前应用的最终CSS属性（包括前面三种方法定义的CSS样式）；