js取得元素样式

为元素设置样式的集中方式

1. 内联样式
2. 嵌入样式表
3. 加载外部样式

例如，取得元素div的样式：

document.getElementsByTagName(‘div’)[0].style.color的方式只能取得在元素标签中直接设置的样式，即内联样式。而无法获取到第2,3种设置的样式。

解决方法

IE8及以下不兼容
window.getComputedStyle(div[0]).color

IE8及以下解决方案
document.getElementsByTagName(‘div’)[0].currentStyle.style.color