使用普通JavaScript获取div高度

JavaScript CSS

Near泡芙

2020-03-23

关于如何在不使用jQuery的情况下获得div高度的任何想法?

我正在搜索Stack Overflow这个问题,似乎每个答案都指向jQuery的.height()

我尝试了类似的方法myDiv.style.height,但是即使我的div具有CSS widthheight在CSS中进行了设置,它也没有返回任何内容

第2885篇《使用普通JavaScript获取div高度》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
null 2020.03.23

另一个选择是使用getBoundingClientRect函数。请注意,如果元素的显示为“ none”,则getBoundingClientRect将返回一个空矩形。

例:

var elem = document.getElementById("myDiv");
if(elem) {
   var rect = elem.getBoundingClientRect();
   console.log(rect.height);  
}

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android