如何取得非行間樣式？利用js和jquery取得非行間樣式

本篇文章主要介紹了js和jquery中獲取非行間樣式的相關知識，具有很好的參考價值。下面跟著小編一起來看下吧

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

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

js中

1、行間樣式：

相信大家無論是看書還是咋滴，都知道怎麼取得行間樣式吧，就是利用一個style：

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

#2、非行間樣式

這裡我就直接上封裝的函數了，就不在編輯器中編輯運行了

function getStyle(obj,attr)
{
    if(obj.currentStyle)
　　   {
        return obj.currentStyle[attr];
      }
    else
     return getComputedStyle(obj,null)[attr];//放null参数的那个地方放false也可以，只要带一个参数，值您任意，高兴就好。
 }

好了，就封裝這麼簡單的函數，在取得非行間元素的時候呼叫一下就ok了哦。 )

jquery中

其實我以為在jquery中需要用跟js中一樣的封裝的那個函數；好吧，結果根本不用。 ok

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

##還有一種方法獲取非行間樣式，使用css（）方法，這個方法取得的資料型別是string

#恩恩，差不多就是這麼多。相關推薦】

1. 

免費js線上影片教學

#2. JavaScript中文參考手冊

3. php.cn獨孤九賤（3）－JavaScript影片教學

以上是如何取得非行間樣式？利用js和jquery取得非行間樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章！