JS得到CSS的样式

obj.style.attr

• 在js中得到css的样式一般可以用obj.style.attr的形式来获取。
  
  • obj 需要得到样式的目标节点。
  • attr 要得到的样式属性。
  • 例如 obj.style.left 得到obj的left的值。
• 这个方法有一个缺点，样式的写法必须是行内式 才可以得到。
• 例如：

<div style="left:50px"></div>

• 而我们工作最多用的是 内嵌式 或者 外链式。所有这种方法并不使用。我们一般使用obj.currentStyle[attr]/window.getComputedStyle(“元素”, “伪类”) 的方式来获取css样式。

---

obj.currentStyle[attr] / /window.getComputedStyle(“元素”, “伪类”)

• obj.currentStyle，适用于使用css外链式和内嵌式的ie和opera。
• window.getComputedStyle(“元素”, “伪类”) ,适用于使用css外链式和内嵌式的其他浏览器。里面的两个参数是必须的， 没有伪类时用null替代。

---

封装一个getStyle的函数

// obj 需要获取样式的目标节点
// attr 要获取的样式，传入的必须是字符串。例如"height","left"
function getStyle(obj,attr) {
    if (obj.currentStyle) {
        return obj.currentStyle[attr]; // ie opera
    } else {
        return window.getComputedStyle(obj,null)[attr]; // 其他浏览器
    }
}