欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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)文章

  • JavaScript中原型鏈存在的問(wèn)題解析

    JavaScript中原型鏈存在的問(wèn)題解析

    本文通過(guò)實(shí)例給大家介紹js原型鏈存在的問(wèn)題解析,非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起看看吧
    2016-09-09
  • redux-saga 初識(shí)和使用

    redux-saga 初識(shí)和使用

    這篇文章主要介紹了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)傳值以及獲取值的方法分析

    這篇文章主要介紹了微信小程序?qū)崿F(xiàn)頁(yè)面跳轉(zhuǎn)傳值以及獲取值的方法,結(jié)合實(shí)例形式總結(jié)分析了微信小程序頁(yè)面跳轉(zhuǎn)及傳值的常用操作技巧,需要的朋友可以參考下
    2017-12-12
  • js獲取元素到文檔區(qū)域document的(橫向、縱向)坐標(biāo)的兩種方法

    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ì)比詳解

    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)題分析與解決

    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)觸底加載與下拉刷新的示例代碼

    本文主要介紹了微信小程序?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é)

    這篇文章主要介紹了JavaScript?ECMAScript?6(ES2015~ES2022)所有新特性總結(jié),文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的小伙伴可以參考一下
    2022-07-07
  • JavaScript無(wú)阻塞加載和defer、async詳解

    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插件實(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

最新評(píng)論