js和jquery中獲取非行間樣式

發(fā)布時間：2020-09-17 13:39:56 來源：腳本之家閱讀：136 作者：課桌上畫青春欄目：web開發(fā)

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

那么來說說在js和jquery中，有時候需要獲取元素的樣式，比如說width或者h(yuǎn)eight，在這種情況下如何獲取?

js中

1、行間樣式：

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

js和jquery中獲取非行間樣式

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

2、非行間樣式

此處我就直接上封裝的函數(shù)了，就不在編輯器中編輯運(yùn)行了

function getStyle(obj,attr)
{
    if(obj.currentStyle)
　　   {
        return obj.currentStyle[attr];
      }
    else
     return getComputedStyle(obj,null)[attr];//放null參數(shù)的那個地方放false也可以，只要帶一個參數(shù)，值您任意，高興就好。
 }

好了，就封裝這么個簡單的函數(shù)，在獲取非行間元素的時候調(diào)用一下就ok了哦。（ps:比如說getStyle(oDiv,'width')）

jquery中

其實我以為在jquery中需要用跟js中一樣的封裝的那個函數(shù)；好吧，結(jié)果根本不用。直接用方法就ok

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

js和jquery中獲取非行間樣式

還有一種方法獲取非行間樣式，使用css（）方法，這個方法獲取的數(shù)據(jù)類型是string

js和jquery中獲取非行間樣式

恩恩，差不多就是這么多。over！

以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時也希望多多支持億速云！

向AI問一下細(xì)節(jié)

js和jquery中獲取非行間樣式

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽