无法获取html元素宽高度的问题

今天遇到了xxx.style.width无法获取元素宽度的问题，原来一直没有注意到这个小细节：

1）如果width：120px；是写在样式表里面的，获取宽度或者高度的方法是：

xxx.offsetWidth或者xxx.offsetHeight

2）如果width：120px；是行内样式（style="width:120px;"），获取宽度或者高度的方法是：

xxx.style.width或者xxx.style.height

如有错误，请您指正！

时间： 2024-12-18 21:30:06

无法获取html元素宽高度的问题的相关文章

js获取隐藏元素宽高的方法

网上有一些js获取隐藏元素宽高的方法,但是可能会存在某些情况获取不了. 例如: <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>test</title> </head> <bo

屏幕分辨率的宽高:window.screen.width / window.screen.height 屏幕可用工作区宽高:window.screen.availWidth / window.screen.availHeight 网页可见区域宽高:document.body.clientWidth / document.body.clientHeight 网页可见区域宽高:document.body.offsetWidth / document.body.offsetHeight(包括边线)

解释 : 获取页面元素宽高方法及图解

JSoffsetWidth\offsetleft <wbr>等图文解释网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth (包括边线的宽); 网页可见区域高: document.body.offsetHeight (包括边线的宽); 网页正文全文宽: document.body.scrollWidth; 网页正文全文高: docu

纯Javascript获取一个元素的高度和宽度

纯Javascript脚本获取元素样式一,问题描述有时候,我们需要做一些页面让其中的元素按照不同的显示器而自适应,那么怎么计算这个元素的margin-top呢,我相信大家都会计算,那么涉及到其中的一个就是使用JS去获得这个元素的样式,比如说高度二,解决方案我们都知道,对于一个HTML页面元素来说,它的样式定义有两种方式,一种是写在元素的同行节点,俗称行内样式,另外一种则是定义在外部的CSS文件中,俗称外部样式,也就是这两种定义方式,导致我们获取高度的方式有所差异,详见以下表格 var o

JavaScript获取html元素的实际宽度和高度

一.JavaScript获取html元素宽高 1.宽高都写在样式表里,就比如#div1{width:120px;}.这中情况通过#div1.style.width拿不到宽度,而通过#div1.offsetWidth才可以获取到宽度.2.宽和高是写在行内中,比如style="width:120px;",这中情况通过上述2个方法都能拿到宽度. 小结,由于clientWidth和offsetWidth 无视样式写在样式表还是行内,所以我们获取元素宽和高的时候最好用这2个属性.注意如果不是写在

微信小程序之动态获取元素宽高

我以前一直以为微信小程序不能动态获取view元素的宽高.但是自从看到: wx.createSelectorQuery() 这个api接口,以前的某些问题就能得到解决了... 那么,这个api接口怎么用呢? 首先,这个接口会返回一个对象实例. var obj=wx.createSelectorQuery(); 下面的就是返回的对象实例 obj 的所有内容. 返回的 obj 有五个方法: 1. obj.in(component):没用过这个方法,多用于组件的选择器. 2. obj.select

如何获取隐藏元素的宽高

获取隐藏元素(display:none)的物理尺寸问题及场景假如我们有这样一个输入框,点击能展开选择.如下图: 在这里输入框和下方的展开区域是分离的,独立的两个控件!初始状态下面的可选框是隐藏的(ng-show=false) 展开区域中可折叠组件accordion(对应图中省份,排序字段,短消息部分)的高度是随着数据自适应撑开,点击accordion折叠收缩时有一个高度变化的动画效果! 在计算accordion的高度时却无法获取数据节点元素的高度,导致accordion的高度为0,无法折叠!

使用js获取页面的各种高度

使用js获取相关高度: 获取网页被滚动条卷去的高度--兼容写法: scrollHeight = documen.body.scrollTop || document.documentElement.scrollTop; 获取网页全文的高度--兼容写法: windowHeight = document.body.scrollHeight || document.documentElement.scrollHeight; 获取网页可视区域的高度--兼容写法: screenHeight = docum

js获取Html元素的实际宽度高度

情况一:宽高都写在样式表里,即外部样式或嵌入式样式,比如#div1{width:120px;}.这种情况通过#div1.style.width拿不到宽度,而通过#div1.offsetWidth才可以获取到宽度. 情况二:宽和高是写在行内中,即内联式样式,比如style="width:120px;",这中情况通过上述2个方法都能拿到宽度. 因为id.offsetWidth和id.offsetHeight无视样式写在样式表还是行内,所以我们获取元素宽和高的时候最好用这2个属性.注意如果不