Js获取css样式小结（只是获取样式，不是设置样式）

1、 element.style:只能获取写在元素标签中的style属性里的样式值，无法获取到定义在<style></style>和通过<link href=”css.css”>加载进来的样式属性

var ele = document.getElementById('ele');
ele.style.color;    //获取颜色

---

2、 window.getComputedStyle():可以获取当前元素所有最终使用的CSS属性值。
window.getComputedStyle(“元素”, “伪类”);
这个方法接受两个参数：要取得计算样式的元素和一个伪元素字符串（例如“:before”）。如果不需要伪元素信息，第二个参数可以是null。也可以通过document.defaultView.getComputedStyle(“元素”, “伪类”);来使用

var ele = document.getElementById('ele');
var styles = window.getComputedStyle(ele,null);
styles.color;  //获取颜色

---

3、 getPropertyValue()：获取CSS样式的直接属性名称

var ele = document.getElementById('ele');
window.getComputedStyle(ele,null).getPropertyValue('color');