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