如何从html div元素获取高度？

Question

我正在使用角度5，在组件中我有一个方法

onFullScreen : function (event){ console.log(event[0]) }

在这里，当我console.log(event[0])时，这将返回此

这会返回一个HTMLDivElement，现在我想在我的onFullScreen()方法中获取height属性。如何获得它？

Answer 1

获取元素高度（以及许多其他与布局相关的属性）的最佳方法是使用getClientBoundingRect（https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect）。

所以你可以这样做：

const height = event[0].getClientBoundingRect().height;

Answer 2

你可以试试这个：

var height = document.getElementById('element').style.height;

由于高度是在此元素的内联样式中定义的，因此可以使用。

警告：如果未在css中明确定义高度但基于内容或外框计算高度，则此方法无效。