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样式);