獲取設定樣式的相容的方法

2021-09-27 10:01:45 字數 1049 閱讀 3747

設定或獲採樣式相容函式

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...