設定或獲採樣式相容函式
function css(obj, attr, val)else
}else
}
**style.,currentstyle,getcomputedstyle,getattribute
currentstyle是針對ie的,所以上面封裝好的,直接用
***為屬性.
ele為元素.
1.style.是針對於樣式
在前面的一篇部落格中我也有說到,ele.style.***; 通常用於賦值,賦值也是針對於行內樣式,用它來取值的話,它只能取到內聯樣式.
今天有另外發現,ele.style.display可以被獲取到!–2016.11.10
2.currentstyle是針對於樣式
這是ie用來獲採樣式的方法,通常這樣使用:ele.currentstyle.***;可以獲取內聯和外聯樣式
3.getcomputedstyle是針對於樣式
除了ie貌似都支援,使用方法:getcomputedstyle(ele,false)[***];這裡出現false的原因是getcomputedstyle可以獲取偽元素,如果想獲取偽元素的 話,將false替換掉即可以獲取內聯和外聯樣式
4.getattribute 針對於屬性
ele.getattribute() 只能獲取元素中的內聯屬性,並且可以獲得自定義的屬性.
用js獲取html標籤屬性有兩種方法:
如web開發
js**:
var ka=document.getelementbyi d(「link」);
alert(ka.getattribute(「id」));
alert(ka.id);
兩種方法都能彈出a標籤的id屬性,但從各瀏覽器相容上來說用ka.id的方式更好,但對於自定義屬性blogname,則就要用getattribute()來實現了,如:
alert(ka.getattribute(「blogname」)); //前端開發
5.setattribue針對於屬性
賦值也是針對於行內屬性,
獲取計算後樣式的方法(相容版)
標準下獲取計算後樣式getcomputedstyle el attr ie下獲取計算後樣式el.currentstyle attr 相容版封裝函式 function getstyle el,attr return getcomputedstyle el attr 注 el 元素 attr 屬性名稱 ...
獲取div DOM 獲取當前樣式和IE相容
我們先來複習一下之前是如何獲取當前style樣式的 比如body中有這樣乙個div documenttitle div1style head div body 我們來獲取一下它style中的高 window.onload function script 執行結果如下 我們用同樣的方法寫一下 注意 之...
獲取 DOM 元素設定的樣式屬性
document.getelementbyid style獲取的是元素行間設定的樣式,不能獲取到css中設定的樣式。如果要獲取css中設定的樣式,可以試試getcomputedstyle 標準瀏覽器 或者currentstyle ie低版本 let target document.getelemen...