确定文档中不存在的某些DOM元素的实际渲染高度的最快方法

Question

我需要创建一些DOM元素并计算它们的实际渲染高度。我编写了一些代码来首先创建所有代码并将它们插入到文档中，然后使用getBoundingClientRect方法计算它们的高度。但是元素的数量很大，这个过程的时间对我的应用来说太长了。有没有更快的方法呢？

// first create all element -> list
// insert all of them to document
console.time("for");
for(var i = 0; i < length; i++) {
    heights[i] = list[i].getBoundingClientRect().height;
}
console.timeEnd("for");

Answer 1

你得到的元素大小，如果你只想要高度，你可以尝试这些，我不知道它们是否更快。

document.getElementById('myDiv').clientHeight;
document.getElementById('myDiv').offsetHeight;

clientHeight 包含填充。 offsetHeight 包括padding，border和scrollBar