js和jquery中獲取非行間樣式
樣式又分為了行間樣式和非行間樣式。一般來(lái)說(shuō)行間樣式用的是比較少的，因?yàn)樗軌蜃饔玫姆秶椭挥幸粋€(gè)元素，而非行間樣式的作用范圍可以是一類(lèi)元素（即擁有相同德標(biāo)簽，或者說(shuō)是有相同的類(lèi)名，(當(dāng)然id名不可能相同，唯一性)
那么來(lái)說(shuō)說(shuō)在js和jquery中，有時(shí)候需要獲取元素的樣式，比如說(shuō)width或者h(yuǎn)eight，在這種情況下如何獲取?
js中
1、行間樣式：
相信大家無(wú)論是看書(shū)還是咋滴，都知道怎么獲取行間樣式吧，就是利用一個(gè)style：
這種利用style的方式獲取的只能是行間樣式。
2、非行間樣式
此處我就直接上封裝的函數(shù)了，就不在編輯器中編輯運(yùn)行了
function getStyle(obj,attr)
{
if(obj.currentStyle)
{
return obj.currentStyle[attr];
}
else
return getComputedStyle(obj,null)[attr];//放null參數(shù)的那個(gè)地方放false也可以，只要帶一個(gè)參數(shù)，值您任意，高興就好。
}
好了，就封裝這么個(gè)簡(jiǎn)單的函數(shù)，在獲取非行間元素的時(shí)候調(diào)用一下就ok了哦。（ps:比如說(shuō)getStyle(oDiv,'width')）
jquery中
其實(shí)我以為在jquery中需要用跟js中一樣的封裝的那個(gè)函數(shù)；好吧，結(jié)果根本不用。直接用方法就ok
首先是用jquery中的width()和height()方法（這兩個(gè)方法獲取的只包含內(nèi)容區(qū)域的寬高,這個(gè)獲取的數(shù)據(jù)類(lèi)型是number），（ps:除此以外，outerWidth() ，outerHeight()這兩個(gè)方法是獲取盒子模型中的包含內(nèi)邊距和邊框的寬度和高度）
還有一種方法獲取非行間樣式，使用css（）方法，這個(gè)方法獲取的數(shù)據(jù)類(lèi)型是string
恩恩，差不多就是這么多。over！
以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持腳本之家！
相關(guān)文章
JS高級(jí)筆記，學(xué)習(xí)js的朋友可以參考下。2011-07-07
微信小程序?qū)崿F(xiàn)地區(qū)選擇偽五級(jí)聯(lián)動(dòng)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)地區(qū)選擇偽五級(jí)聯(lián)動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
原生js canvas實(shí)現(xiàn)鼠標(biāo)跟隨效果
這篇文章主要為大家詳細(xì)介紹了原生js canvas實(shí)現(xiàn)鼠標(biāo)跟隨效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
JavaScript/Js腳本處理html元素的自定義屬性解析(親測(cè)兼容Firefox與IE)
這篇文章主要是對(duì)JavaScript/Js腳本處理html元素的自定義屬性解析(親測(cè)兼容Firefox與IE)進(jìn)行了詳細(xì)的介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
iframe如何動(dòng)態(tài)創(chuàng)建及釋放其所占內(nèi)存
一個(gè)項(xiàng)目后期測(cè)試發(fā)現(xiàn)瀏覽器內(nèi)存一直居高不下，而且打開(kāi)iframe頁(yè)面越多內(nèi)存占用越大，在IE系列瀏覽器中尤其明顯，下面與大家分享下iframe動(dòng)態(tài)創(chuàng)建及釋放內(nèi)存2014-09-09
sort會(huì)調(diào)用每一項(xiàng)的toString方法進(jìn)行比較，下面為大家介紹下JS中數(shù)組sort方法的具體使用2014-01-01
微信瀏覽器左上角返回按鈕監(jiān)聽(tīng)的實(shí)現(xiàn)
這篇文章主要介紹了微信瀏覽器左上角返回按鈕監(jiān)聽(tīng)的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
這篇文章主要為大家分享了7個(gè)去偽存真的JavaScript面試題，希望本文可以幫助大家比較順利的通過(guò)面試，感興趣的小伙伴們可以參考一下2016-01-01
使用Webpack壓縮與轉(zhuǎn)譯JavaScript代碼的操作方法
在Web開(kāi)發(fā)中,代碼的性能和加載時(shí)間是用戶(hù)體驗(yàn)的重要組成部分,為此,將JavaScript代碼壓縮和優(yōu)化是發(fā)布前一個(gè)必不可少的步驟,所以本文給大家介紹了如何使用Webpack壓縮與轉(zhuǎn)譯JavaScript代碼,需要的朋友可以參考下2024-05-05
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)可愛(ài)的氣泡特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09