Höhe des div mit einfachem JavaScript abrufen

Question

Ideen dazu, wie man die Höhe eines divs ohne jQuery bekommt?

Ich habe Stack Overflow nach dieser Frage durchsucht und es scheint, dass jede Antwort auf jQuerys .height() verweist.

Ich habe etwas wie myDiv.style.height versucht, aber es hat nichts zurückgegeben, auch wenn mein div seine width und height in CSS gesetzt hatte.

Answer 1

Eine option wäre

const styleElement = getComputedStyle(document.getElementById("myDiv"));
console.log(styleElement.height);

Answer 2

show taille height

    alert(document.getElementById('item').offsetHeight);

Jsfiddle

Answer 3

Höhenberechnung in JavaScript

inklusive Padding

verwenden Sie clientHeight

element.clientHeight

verwenden Sie offsetHeight

inklusive Padding, Rahmen, Randbreite

element.offsetHeight

verwenden Sie el.style.height

Es gibt nur die angegebene Höhe zurück (muss manuell eine Höhe haben, z.B.:

sonst gibt es ein leeres Ergebnis zurück

element.style.height

verwenden Sie getBoundingClientRect

inklusive Padding, Rand, Randbreite

elem.getBoundingClientRect();
elem.height