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;
我的兼容性寫法
var oDiv = document.getElementById('div1');
var eleWidth = oDiv.currentStyle && oDiv.currentStyle.width || getComputedStyle(oDiv,false).width;
我的擴(kuò)展性寫法
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)文章
柱狀圖主要用于表示離散數(shù)據(jù)的頻數(shù),也是一種基礎(chǔ)可視化圖,這篇文章主要給大家介紹了關(guān)于Echarts Bar橫向柱狀圖的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2021-08-08
本篇文章主要介紹了徹底解決webpack打包慢的解決辦法匯總，詳細(xì)的介紹了3種方法，有興趣的可以了解一下2017-07-07
JavaScript中變量提升導(dǎo)致未定義(undefined)的問(wèn)題及解決方法
在 JavaScript 中,變量提升（Hoisting）是一個(gè)相對(duì)常見(jiàn)的行為,尤其是當(dāng)你遇到 undefined 錯(cuò)誤時(shí),本文將詳細(xì)探討變量提升的概念、其對(duì)代碼執(zhí)行的影響以及如何避免因?yàn)樽兞刻嵘鴮?dǎo)致 undefined 的問(wèn)題,需要的朋友可以參考下2024-09-09
這篇文章主要給大家介紹了關(guān)于微信小程序?qū)W習(xí)之自定義滾動(dòng)彈窗的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
JavaScript實(shí)現(xiàn)動(dòng)態(tài)表單生成
這篇文章主要來(lái)和大家一起深入探討如何使用JavaScript實(shí)現(xiàn)一個(gè)動(dòng)態(tài)表單生成器,文中的示例代碼講解詳細(xì),有需要的小伙伴可以參考一下2024-01-01
JS動(dòng)態(tài)解析多層級(jí)json數(shù)據(jù)生成html頁(yè)面
在Web前端開(kāi)發(fā)中,動(dòng)態(tài)解析JSON數(shù)據(jù)并生成HTML頁(yè)面是一項(xiàng)常見(jiàn)的任務(wù),通過(guò)JavaScript處理多層級(jí)的JSON數(shù)據(jù)結(jié)構(gòu),不僅可以提升用戶體驗(yàn),還能實(shí)現(xiàn)靈活的內(nèi)容展示和交互功能,本文將深入探討如何使用JavaScript解析復(fù)雜的JSON數(shù)據(jù),并將其動(dòng)態(tài)渲染為HTML頁(yè)面2025-02-02
這篇文章主要為大家介紹了GoJs面板繪圖模板go.Panel使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
這篇文章主要為大家介紹了JavaScript復(fù)制文案到剪貼板實(shí)現(xiàn)小技巧,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-07-07
input輸入密碼變黑點(diǎn)密文的實(shí)現(xiàn)方法
本文主要介紹了Jquery Easyui驗(yàn)證擴(kuò)展，Easyui驗(yàn)證，Easyui校驗(yàn)，js正則表達(dá)式。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
微信小程序使用form表單獲取輸入框數(shù)據(jù)的實(shí)例代碼
這篇文章主要介紹了微信小程序使用form表單獲取輸入框數(shù)據(jù)的實(shí)例代碼，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-05-05