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

Question

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

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

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

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

Answer 1

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

所以你可以这样做:

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