JavaScript獲取元素計算後樣式的封裝

weixin_34185364發表於2017-06-16

getComputedStyle方法獲取的是最終應用在元素上的所有CSS屬性物件(計算後樣式的集合)。只能獲取樣式,不能設定。
語法: window.getComputedStyle("元素", "偽元素");
引數:第二個引數有可以省略。
eg: <div id="box"></div>
var box=document.getElementById("box");
console.log(getComputedStyle("box");)
//獲取box的所有的集合
以下相容ie
function getCss(obj,attr) {
if(obj.currentStyle) {
return obj.currentStyle[attr];}else {
return window.getComputedStyle(obj)[attr];}
}
用法 :獲取box的寬度getCss(box,‘width’),返回值帶px

相關文章