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"));
    };