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

阿飞GilGreen2020-03-19

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

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

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

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

卡卡西番长2020/03/19 14:48:56

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

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怎么样？

西里猿LEY2020/03/19 14:48:56

style = window.getComputedStyle(your_element);

然后简单地： style.height

Sam神奇A2020/03/19 14:48:56

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/

Newest Answer

HTML5 Drag & Drop 拖动时更改图标/光标

5 Answer

如何完全卸载 Node.js，然后从头重新安装 (Mac OS X)

NUXT引入tailwindcss报错Error: Expected an opening square bracket.

1 Answer