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

第一种情况就是宽高都写在样式表里，就比如#div1{width:120px;}。这中情况通

过#div1.style.width拿不到宽度，而通过#div1.offsetWidth才可以获取到宽度。

第二种情况就是宽和高是写在行内中，比如，这中情况通过

上述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;  //宽度

转载于:https://www.cnblogs.com/xupeiyu/p/3920011.html

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

js原生获取html的高度,如何通过js获取Html元素的实际宽度高度
如何通过js获取Html元素的实际宽度高度发布时间:2020-04-24 15:23:24 来源:亿速云阅读:136 作者:小新今天小编给大家分享的是如何通过js获取Html元素的实际宽度高度, ...
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 ...
html中js隐藏div的高度,javascript获取隐藏元素(display:none)的高度和宽度的方法
js获取隐藏元素的尺寸这是test容器,可见容器这是test容器,可见容器这是test容器,可见容器这是test容器,可见容器这是test容器, 这是test容器, 这是test容器, 这是 ...
js获取div元素高度和宽度的方法
前端web页面中,js可以很方便的获取div元素的高度和宽度,那么这篇文章就说一说原生JS与JQ如何快速的获取DIV元素的高度和宽度的方法. js获取div元素高度与宽度的方法 js获取div元素的高 ...
javascript中获取dom元素高度和宽度
javascript中获取dom元素高度和宽度的方法如下: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight ...
jquery 获取隐藏元素(display:none)的高度和宽度
下载引入资源文件 <script type="text/javascript" src="path/jquery.min.js"></scri ...
JS获取DOM元素的八种方法
什么是HTML DOM 文档对象模型(Document Object Model),是W3C组织推荐的处理可扩展置标语言的标准编程接口.简单理解就是HTML DOM 是关于如何获取.修改.添加或删除 ...

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

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

最新文章

热门文章