現(xiàn) 在的前端制作很少直接把樣式寫style里了，都是寫在樣式表里。如果你要獲取的樣式?jīng)]有相對(duì)應(yīng)的（就像#div1.style.width對(duì) 應(yīng)#div1.offsetWidth），就只能分別針對(duì)不用瀏覽器來獲取樣式表的屬性了，可以試著搜索“JS 獲取樣式屬性”之類的。

代碼：

var o = document.getElementById("view");
var h = o.offsetHeight; //高度
var w = o.offsetWidth; //寬度

以上這篇js獲取Html元素的實(shí)際寬度高度的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

JS實(shí)現(xiàn)的不規(guī)則TAB選項(xiàng)卡效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)的不規(guī)則TAB選項(xiàng)卡效果代碼,基于鼠標(biāo)事件動(dòng)態(tài)設(shè)置頁面元素樣式實(shí)現(xiàn)該效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-09-09
ES6中的類（Class）示例詳解
這篇文章主要給大家介紹了關(guān)于ES6中類（Class）的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-12-12
微信小程序五子棋游戲的悔棋實(shí)現(xiàn)方法【附demo源碼下載】
這篇文章主要介紹了微信小程序五子棋游戲的悔棋實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了微信小程序中悔棋的原理與相關(guān)實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2019-02-02
手把手教你實(shí)現(xiàn)一個(gè)JavaScript時(shí)間軸組件
本文主要是給大家?guī)硪粋€(gè)時(shí)間軸的組件開發(fā)教程，其主要功能就是可以拖動(dòng)時(shí)間軸來定位當(dāng)前時(shí)間，可以通過鼠標(biāo)滾輪來修改當(dāng)前時(shí)間分辨率，需要的可以參考一下
2022-10-10
javaScript實(shí)現(xiàn)滾動(dòng)新聞的方法
這篇文章主要介紹了javaScript實(shí)現(xiàn)滾動(dòng)新聞的方法,涉及javascript實(shí)現(xiàn)頁面滾動(dòng)的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-07-07
JS實(shí)現(xiàn)仿QQ聊天窗口抖動(dòng)特效
本文給大家分享的是類似QQ窗口的抖動(dòng)效果,只是覺得好玩，沒什么技術(shù)含量，推薦給大家，有需要的小伙伴可以參考下。
2015-05-05
javascript中使用css需要注意的地方小結(jié)
javascript中使用css需要注意的地方小結(jié)，注意保留字問題。
2010-09-09
js實(shí)現(xiàn)tab切換效果實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)的tab標(biāo)簽切換效果，功能非常簡單，實(shí)現(xiàn)了點(diǎn)擊切換的效果，推薦給大家，有需要的小伙伴可以參考下。
2015-09-09
JS異步的執(zhí)行順序分析
這篇文章介紹了JS異步的執(zhí)行順序，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-06-06
引入autocomplete組件時(shí)JS報(bào)未結(jié)束字符串常量錯(cuò)誤
在引入jQuery的autocomplete組件時(shí)，遇到j(luò)s報(bào)未結(jié)束字符串常量錯(cuò)誤，原因及解決方法如下，大家可以參考下
2014-03-03