js和jquery中獲取非行間樣式

2022-02-25 08:31:41 字數 968 閱讀 7390

樣式又分為了行間樣式和非行間樣式。一般來說行間樣式用的是比較少的,因為它能夠作用的範圍就只有乙個元素,而非行間樣式的作用範圍可以是一類元素(即擁有相同德標籤,或者說是有相同的類名,(當然id名不可能相同,唯一性)

那麼來說說在js和jquery中,有時候需要獲取元素的樣式,比如說width或者height,在這種情況下如何獲取?

1、行間樣式:

這種利用style的方式獲取的只能是行間樣式。

2、非行間樣式

此處我就直接上封裝的函式了,就不在編輯器中編輯執行了

function getstyle(obj,attr)

if(obj.currentstyle)

return obj.currentstyle[attr];

else

return getcomputedstyle(obj,null)[attr];//放null引數的那個地方放false也可以,只要帶乙個引數,值您任意,高興就好。

好了,就封裝這麼個簡單的函式,在獲取非行間元素的時候呼叫一下就ok了哦。(ps:比如說getstyle(odiv,'width'))

其實我以為在jquery中需要用跟js中一樣的封裝的那個函式;好吧,結果根本不用。直接用方法就ok

首先是用jquery中的width()和height()方法(這兩個方法獲取的只包含內容區域的寬高,這個獲取的資料型別是number),(ps:除此以外,outerwidth() ,outerheight()這兩個方法是獲取盒子模型中的包含內邊距和邊框的寬度和高度)

還有一種方法獲取非行間樣式,使用css()方法,這個方法獲取的資料型別是string

恩恩,差不多就是這麼多。over!

js和jquery中獲取非行間樣式

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

js 獲取非行間樣式

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

js入門知識(非行間樣式 陣列)

1 函式返回值 arguments 2 非行間樣式 currentstyle 當樣式不在行內時,如 在中 currenstyle ie中相容 getcomputedstyle 函式,false 火狐 谷歌相容 3 陣列基礎知識 定義 var a 1,2,3 新增刪除陣列 push 給尾部新增 pop...