javascript - 元素没有默认值时计算元素的默认高度

Question

我想计算一个元素的高度(例如 div )以 px 为单位，当它没有默认值(= initial 或 auto )时使用 javascript.

请注意，我的元素现在 的高度有另一个值(例如 40 像素)，但我想知道如果我将其设置为 initial，它的高度(以像素为单位)是多少？或 auto .

换句话说:

myElement.style.height = '40px'; // for example
// ...
console.log(myElement.clientHeight); // This logs "40". This is not the value I want.
myElement.style.height = 'initial';
console.log(myElement.clientHeight); // This logs the value I want. But I don't want to execute above statement AT ALL!

Answer 1

如果我没理解错的话，如果元素没有定义确切的高度样式值，您希望能够获得该元素将具有的高度？

答案很简单:你不能。浏览器必须渲染 DOM 才能访问链接到它的值，例如 clientHeight。但是，您可以使用 hacky 方法，例如将高度设置为 auto，读取它，然后将其设置回 40px，或使用隐藏元素(可见性:隐藏，不显示:无，因为你需要它被渲染)，但要注意这有点脏而且难以维护。