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

第一种情况就是宽高都写在样式表里，就比如#div1{width:120px;}。这中情况通过#div1.style.width拿不到宽度，而通过#div1.offsetWidth才可以获取到宽度。

第二种情况就是宽和高是写在行内中，比如style="width:120px;"，这中情况通过上述2个方法都能拿到宽度。

小结，因为id.offsetWidth和id.offsetHeight无视样式写在样式表还是行内，所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的属性都不能通过id.style.atrr来获取。

现在的前端制作很少直接把样式写style里了，都是写在样式表里。如果你要获取的样式没有相对应的（就像#div1.style.width对应#div1.offsetWidth），就只能分别针对不用浏览器来获取样式表的属性了，可以试着搜索“JS 获取样式属性”之类的。

代码：
var o = document.getElementById("view");
var h = o.offsetHeight; //高度
var w = o.offsetWidth; //宽度

js获取Html元素的实际宽度高度相关推荐

js原生获取html的高度,如何通过js获取Html元素的实际宽度高度
如何通过js获取Html元素的实际宽度高度发布时间:2020-04-24 15:23:24 来源:亿速云阅读:136 作者:小新今天小编给大家分享的是如何通过js获取Html元素的实际宽度高度, ...
[JavaScript] js获取Html元素的实际宽度高度
第一种情况就是宽高都写在样式表里,就比如#div1{width:120px;}.这中情况通过#div1.style.width拿不到宽度,而通过#div1.offsetWidth才可以获取到宽度. ...
html js获取图片高度,js获取Html元素的实际宽度高度
情况一:宽高都写在样式表里,即外部样式或嵌入式样式,比如#div1{width:120px;}.这种情况通过#div1.style.width拿不到宽度,而通过#div1.offsetWidth才可以 ...
js获取浏览器body或窗宽度高度
很多时候我们需要用到js获取窗口的宽度或者高度,每个浏览器会有不同的方法,总结了一下如下: <script type="text/javascript"> var s ...
js获取div元素高度和宽度的方法
前端web页面中,js可以很方便的获取div元素的高度和宽度,那么这篇文章就说一说原生JS与JQ如何快速的获取DIV元素的高度和宽度的方法. js获取div元素高度与宽度的方法 js获取div元素的高 ...
html中js隐藏div的高度,javascript获取隐藏元素(display:none)的高度和宽度的方法
js获取隐藏元素的尺寸这是test容器,可见容器这是test容器,可见容器这是test容器,可见容器这是test容器,可见容器这是test容器, 这是test容器, 这是test容器, 这是 ...
原生js获取html元素高度,原生JS获取元素宽高实践详解
开篇的话任何不是亲身实践中求得的知识,都不是属于你的. 任何求得的知识不去时常温习运用,也不是属于你的. 记录由来在做个上拉广告功能中遇到了一个"理所当然"觉得对的用法,慢慢才 ...
jquery 获取隐藏元素(display:none)的高度和宽度
下载引入资源文件 <script type="text/javascript" src="path/jquery.min.js"></scri ...
JS获取DOM元素的八种方法
什么是HTML DOM 文档对象模型(Document Object Model),是W3C组织推荐的处理可扩展置标语言的标准编程接口.简单理解就是HTML DOM 是关于如何获取.修改.添加或删除 ...

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

js获取Html元素的实际宽度高度相关推荐

最新文章

热门文章