JS---獲取元素計算後的樣式屬性值 (getComputedStyle)---相容函數

獲取計算後的樣式屬性----獲取一個元素任意一個樣式屬性值

獲取元素距離左邊位置的值

    my$("btn").onclick = function () {
      //獲取元素距離左邊位置的值
      console.log(my$("dv").offsetLeft);

      //谷歌,火狐支持
      //console.log(window.getComputedStyle(my$("dv"),null).left);
      //console.log(window.getComputedStyle(my$("dv"),null)["left"]);

      //IE8支持
      //console.log(my$("dv").currentStyle.left);
    };

獲取任意一個元素的任意一個樣式屬性的值

因此封裝一個相容函數，判斷瀏覽器是否支持再返回

　　function getStyle(element, attr) {
      //判斷瀏覽器是否支持這個方法
      return window.getComputedStyle ? window.getComputedStyle(element, null)[attr] : element.currentStyle[attr];
    }

測試：

    //測試
    my$("btn").onclick = function () {
      console.log(getStyle(my$("dv"), "top"));
    };