JavaScript兼容性總結(jié)之獲取非行間樣式案例
更新時(shí)間：2016年08月07日 08:55:04 作者：走在全棧的路上
這篇文章主要介紹了JavaScript兼容性總結(jié)之獲取非行間樣式的相關(guān)資料,需要的朋友可以參考下
非行間樣式案例
#div1 {
width: 200px;
height: 200px;
background: red;
}
IE獲取非行間樣式
var oDiv = document.getElementById('div1');
oDiv.currentStyle.width;
Chrome/FF獲取非行間樣式
var oDiv = document.getElementById('div1');
oDiv.getComputedStyle(oDiv,false).width;
我的兼容性寫(xiě)法
var oDiv = document.getElementById('div1');
var eleWidth = oDiv.currentStyle && oDiv.currentStyle.width || getComputedStyle(oDiv,false).width;
我的擴(kuò)展性寫(xiě)法
function getStyle(obj,name){
return obj.currentStyle?obj.currentStyle[name]:getComputedStyle(obj,false)[name];
}
==注意== 以上只能獲取非行間樣式，不能設(shè)置非房間樣式的值。
以上所述是小編給大家介紹的JavaScript兼容性總結(jié)之獲取非行間樣式的全部敘述，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！
您可能感興趣的文章:
相關(guān)文章
本文通過(guò)實(shí)例給大家介紹js原型鏈存在的問(wèn)題解析，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧2016-09-09
這篇文章主要介紹了redux-saga 初識(shí)和使，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
微信小程序?qū)崿F(xiàn)頁(yè)面跳轉(zhuǎn)傳值以及獲取值的方法分析
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)頁(yè)面跳轉(zhuǎn)傳值以及獲取值的方法,結(jié)合實(shí)例形式總結(jié)分析了微信小程序頁(yè)面跳轉(zhuǎn)及傳值的常用操作技巧,需要的朋友可以參考下2017-12-12
js獲取元素到文檔區(qū)域document的(橫向、縱向)坐標(biāo)的兩種方法
獲取頁(yè)面中元素到文檔區(qū)域document的橫向、縱向坐標(biāo)，在js控制元素運(yùn)動(dòng)的過(guò)程中，對(duì)于頁(yè)面元素坐標(biāo)位置的獲取是經(jīng)常用到的，這里主要總結(jié)下兩種方法2013-05-05
JavaScript常用數(shù)組去重的方法及對(duì)比詳解
數(shù)組去重在面試和工作中都是比較容易見(jiàn)到的問(wèn)題。這篇文章主要是來(lái)測(cè)試多個(gè)方法，對(duì)下面這個(gè)數(shù)組的去重結(jié)果進(jìn)行分析討論，需要的可以參考一下2022-07-07
Javascript 浮點(diǎn)運(yùn)算精度問(wèn)題分析與解決
浮點(diǎn)數(shù)的精度問(wèn)題不是JavaScript特有的，因?yàn)橛行┬?shù)以二進(jìn)制表示位數(shù)是無(wú)窮的2014-03-03
微信小程序?qū)崿F(xiàn)觸底加載與下拉刷新的示例代碼
本文主要介紹了微信小程序?qū)崿F(xiàn)觸底加載與下拉刷新的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-05-05
JavaScript?ECMAScript?6(ES2015~ES2022)所有新特性總結(jié)
這篇文章主要介紹了JavaScript?ECMAScript?6(ES2015~ES2022)所有新特性總結(jié),文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-07-07
JavaScript無(wú)阻塞加載和defer、async詳解
JS具有阻塞特性，當(dāng)瀏覽器在執(zhí)行js代碼時(shí)，不能同時(shí)做其它事情，所有瀏覽器在下載JS的時(shí)候，會(huì)阻止一切其他活動(dòng)，比如其他資源的下載，內(nèi)容的呈現(xiàn)等等。至到JS下載、解析、執(zhí)行完畢后才開(kāi)始繼續(xù)并行下載其他資源并呈現(xiàn)內(nèi)容。2017-02-02
使用bootstrap插件實(shí)現(xiàn)模態(tài)框效果
今天我們選擇使用著名的 bootstrap 庫(kù)的模態(tài)框插件 modal.js 來(lái)實(shí)現(xiàn)模態(tài)框效果，同時(shí)也使大家進(jìn)一步熟悉 bootstrap 的插件使用,需要的朋友可以參考下2017-05-05