js和jquery中獲取非行間樣式

樣式又分為了行間樣式和非行間樣式。一般來說行間樣式用的是比較少的，因為它能夠作用的範圍就只有乙個元素，而非行間樣式的作用範圍可以是一類元素（即擁有相同德標籤，或者說是有相同的類名，(當然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！

更多專業前端知識，請上

【猿2048】www.mk2048.com