P18 演示怎麼獲取非行間樣式

2022-08-22 08:12:11 字數 1230 閱讀 3847

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

meta

name

="viewport"

content

="width=device-width, initial-scale=1.0"

>

<

title

>獲取非行間樣式

title

>

<

style

>

div

#div1

style

>

<

script

>

/*在獲取非行間樣式的時候, 為了保證相容性, 我們通常會做如下處理

為了方便使用, 可以將下面的函式給放到外面去, 這樣封裝的函式就可以被別處呼叫了.

*/function

getstyle(obj, name)

else

}window.onload

=function

() //

chormeandff();

//function ie()

getstyle(odiv,

'width');

//直接呼叫獲取行間樣式的函式即可

/*復合樣式: 樣式中包含多個不同的組成部分(也就是屬性), 比如border, background等等, 他們中有很多項樣式組成的組合樣式

單一樣式: 只有一項夠成的樣式, 比如width, height等等, 他就是最基礎的樣式

需要注意的是:

1. 對於復合樣式的, 我們在獲取的時候一定要選取最基礎的某一屬性來獲取, 比如backgroundcolor等等

2. 對於單一的樣式, 我們直接使用即可, 比較簡單.

*/}script

>

head

>

<

body

>

<

div

id="div1"

>

div>

body

>

html

>

js 獲取非行間樣式

1 getcomputedstyle nodeobj,false 該方法是bom物件,第乙個是要獲採樣式的節點物件 第二個可以寫成任何的字元一般寫成false或者null,這裡最好是用false因為用null ie9 會有問題 後面直接跟要獲取的樣式 寫在方括號中 即可 var style getc...

js和jquery中獲取非行間樣式

樣式又分為了行間樣式和非行間樣式。一般來說行間樣式用的是比較少的,因為它能夠作用的範圍就只有乙個元素,而非行間樣式的作用範圍可以是一類元素 即擁有相同德標籤,或者說是有相同的類名,當然id名不可能相同,唯一性 那麼來說說在js和jquery中,有時候需要獲取元素的樣式,比如說width或者heigh...

js和jquery中獲取非行間樣式

樣式又分為了行間樣式和非行間樣式。一般來說行間樣式用的是比較少的,因為它能夠作用的範圍就只有乙個元素,而非行間樣式的作用範圍可以是一類元素 即擁有相同德標籤,或者說是有相同的類名,當然id名不可能相同,唯一性 那麼來說說在js和jquery中,有時候需要獲取元素的樣式,比如說width或者heigh...