如何获得元素的渲染高度？

JavaScript CSS

阿飞GilGreen

2020-03-19

如何获得元素的渲染高度？

假设您的<div>元素内部包含一些内容。内部的内容将扩大的高度<div>。当您没有明确设置高度时，如何获得“渲染的”高度。显然，我尝试过： 

var h = document.getElementById('someDiv').style.height;

有这样做的技巧吗？如果有帮助，我正在使用jQuery。

第2418篇《如何获得元素的渲染高度？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共3个回答
卡卡西番长 2020.03.19

嗯，我们可以获得元素几何...

var geometry;
geometry={};
var element=document.getElementById(#ibims);
var rect = element.getBoundingClientRect();
this.geometry.top=rect.top;
this.geometry.right=rect.right;
this.geometry.bottom=rect.bottom;
this.geometry.left=rect.left;
this.geometry.height=this.geometry.bottom-this.geometry.top;
this.geometry.width=this.geometry.right-this.geometry.left;
console.log(this.geometry);

这个普通的JS怎么样？

西里猿LEY 2020.03.19 
style = window.getComputedStyle(your_element);

然后简单地： style.height

Sam神奇A 2020.03.19

NON JQUERY， 因为elem.style.height在这些答案的顶部使用了大量的链接...

内部高度：https :
//developer.mozilla.org/en-US/docs/Web/API/Element.clientHeight 

document.getElementById(id_attribute_value).clientHeight;

外部高度：https :
//developer.mozilla.org/zh-CN/docs/Web/API/HTMLElement.offsetHeight

document.getElementById(id_attribute_value).offsetHeight;

或我最喜欢的参考书之一：http: //youmightnotneedjquery.com/

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

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