js和jquery中獲取非行間樣式
樣式又分為了行間樣式和非行間樣式。一般來說行間樣式用的是比較少的，因?yàn)樗軌蜃饔玫姆秶椭挥幸粋€(gè)元素，而非行間樣式的作用范圍可以是一類元素（即擁有相同德標(biāo)簽，或者說是有相同的類名，(當(dāng)然id名不可能相同，唯一性)
那么來說說在js和jquery中，有時(shí)候需要獲取元素的樣式，比如說width或者h(yuǎn)eight，在這種情況下如何獲取?
js中
1、行間樣式：
相信大家無論是看書還是咋滴，都知道怎么獲取行間樣式吧，就是利用一個(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:比如說getStyle(oDiv,'width')）
jquery中
其實(shí)我以為在jquery中需要用跟js中一樣的封裝的那個(gè)函數(shù)；好吧，結(jié)果根本不用。直接用方法就ok
首先是用jquery中的width()和height()方法（這兩個(gè)方法獲取的只包含內(nèi)容區(qū)域的寬高,這個(gè)獲取的數(shù)據(jù)類型是number），（ps:除此以外，outerWidth() ，outerHeight()這兩個(gè)方法是獲取盒子模型中的包含內(nèi)邊距和邊框的寬度和高度）
還有一種方法獲取非行間樣式，使用css（）方法，這個(gè)方法獲取的數(shù)據(jù)類型是string
恩恩，差不多就是這么多。over！
以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時(shí)也希望多多支持腳本之家！
相關(guān)文章
從基礎(chǔ)開始建立一個(gè)JS代碼庫(kù)，更新中 有心人會(huì)領(lǐng)技術(shù)走的更遠(yuǎn)2009-07-07
JavaScript中的object轉(zhuǎn)換成number或string規(guī)則介紹
這篇文章主要介紹了JavaScript中的object轉(zhuǎn)換成number或string規(guī)則介紹,本文講解了object自動(dòng)轉(zhuǎn)換成string的規(guī)則、object自動(dòng)轉(zhuǎn)換成number的規(guī)則等內(nèi)容,需要的朋友可以參考下2014-12-12
JS 實(shí)現(xiàn)列表與多選框選擇附預(yù)覽動(dòng)畫
本節(jié)為大家介紹的是用JS實(shí)現(xiàn)列表與多選框選擇，并附gif演示動(dòng)畫，這個(gè)例子很詳細(xì)，大家可以看看2014-10-10
javascript實(shí)現(xiàn)信息增刪改查的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)信息增刪改查的方法,實(shí)例分析了javascript操作頁(yè)面元素實(shí)現(xiàn)針對(duì)頁(yè)面信息的增刪改查功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)拖拽照片墻，實(shí)現(xiàn)照片互換位置，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
詳解layui?laydate選擇時(shí)間的回調(diào)方法
這篇文章主要介紹了layui?laydate選擇時(shí)間的回調(diào)方法,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01
這篇文章主要介紹了javascript 刪除所有事件監(jiān)聽器,文中還通過示例代碼介紹了javaScript刪除對(duì)象屬性總結(jié)方法，結(jié)合示例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2023-06-06
Bootstrap 是一個(gè)用于快速開發(fā) Web 應(yīng)用程序和網(wǎng)站的前端框架。本文給大家介紹BootStrap制作導(dǎo)航條實(shí)例代碼，感興趣的朋友一起學(xué)習(xí)吧2016-05-05
這篇文章主要介紹了JavaScript生成.xls文件的代碼,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-12-12
這篇文章主要介紹了點(diǎn)擊更換背景顏色或圖片的js代碼，需要的朋友可以參考一下2013-06-06