Höhe eines dyn. erstellten Div ermitteln, nur mit JS
bearbeitet von
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.
--
Grüssle
JustMe28
[X] Nail here for new Monitor
Höhe eines dyn. erstellten Div ermitteln, nur mit JS
bearbeitet von
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.
--
Grüssle
JustMe28
[X] Nail here for new Monitor