獲取計算后的樣式屬性----獲取一個元素任意一個樣式屬性值
獲取元素距離左邊位置的值
會有如下兼容性問題： 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")); };
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/161042.html
標籤：JavaScript
上一篇：CSS類的操作