18910140161

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

顺晟科技

2021-06-16 10:21:59

204

种情况是宽度和高度都写在样式表里,比如# p1 { width:120px}。在这种情况下,宽度不能通过#p1.style.width获得,但可以通过# p1.offsetwidth获得。

在第二种情况下,宽度和高度写入行中,例如style=' width:120px'在这种情况下,宽度可以通过上述两种方法获得。

综上所述,因为id.offsetWidth和id . offset我们可以忽略样式是写在样式表中还是行中,所以我们在获取元素的宽度和高度时更好使用这两个属性。请注意,如果属性不是以内联样式编写的,它们就不能通过id.style.atrr获得

现在前端制作很少直接用style写风格,而是用样式表。如果没有对应的想要获取的样式(就像#p1.style.width对应#p1.offsetWidth),可以不使用浏览器只获取样式表的属性,可以尝试搜索“JS获取样式属性”等等。

代码:

varo=document . getelementbyid(' view ');

varh=o.offsetHeight//高度

varw=o.offsetWidth//宽度

本文转载自中文网站

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航