element.style.width或者element.style.left這種方式只能獲取行內(nèi)樣式的屬性
, 要想獲取頁內(nèi)樣式, 我們需要使用下面的方法
// 如果是 IE
element.currentStyle[屬性名]
// 如果是普通瀏覽器
window.getComputedStyle(element, null)[屬性名);
兼容性寫法
// dom 就是要獲取屬性的 dom 標(biāo)簽, attr就是要獲取的屬性名,
// 這里的 null, 就是我們要獲取帶偽類選擇其的 css 樣式, 如::after, 則我們需要把::after 傳入即可
if(dom.currentStyle) { // IE
return dom.currentStyle[attr];
} else { // 普通瀏覽器
return window.getComputedStyle(dom,null)[attr];
}
