Самый быстрый способ определить фактическую визуализированную высоту некоторого элемента 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 включает отступы, border и scrollBar