Höhe eines dyn. erstellten Div ermitteln, nur mit JS

[JustMe28]

Guten Morgen Gemeinde,

es geht um das ermitteln der Höhe eines dyn. erstellten Div, nur mit JS

Also so etwas:

// irgendwo im .js

myText = document.createElement( "div" );

myText.className = "myClassName";

myText.innerHTML = "some Text, kann kurz oder lang sein, im Voraus nicht zu sagen ";

→ und hier brauche ich die Höhe des Div’s, da die untere Hälfte eine bestimmte backgroundColor beklommen soll.

Hier wird der Div dann mittels appendChild ins DOM eingehängt.

Versucht habe ich bereits: style: height, clientHeight, offsetHeight, getBoundingClientRect(), getComputedStyle()

aber das Ergebnis ist entweder 0 oder undefined.

Wie – oder wann – kann ich die Höhe dieses neuen Div’s bekommen? Er ist doch eigentlich fertig, oder? Als erstellt, CSS Gedöns zugewiesen und Text eingefügt.

Das ganze wie schon erwähnt nur mit Vanilla JS, Also kein jQuery oder sonstiges.