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

【问题标题】：How to get height from html div element?如何从 html div 元素中获取高度？
【发布时间】：2018-09-18 11:49:13
【问题描述】：

我正在使用 angular 5，其中在一个组件中我有一种方法

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

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

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

【问题讨论】：

【解决方案1】：

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

所以你可以这样做：

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

【讨论】：

【解决方案2】：

你可以试试这个：

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

由于该元素的内联样式中定义了高度，因此这将起作用。

警告：如果高度未在 css 中明确定义而是根据内容或外框计算，则此方法不起作用。

【讨论】：