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

[Rolf B]

Hallo,

Nein du brauchst noch appendChild, damit es ins DOM eingehängt wird.

Weil der Browser ansonsten keine Abmessungen für das Element bestimmen kann und es ohne DOM-Zugehörigkeit wie 0×0 behandelt.

background-color wird nicht von background-size, -position, -repeat & Co beeinflusst. Es füllt das Element bis zum Rand (a.k.a. border-box) aus.

Will man nur die untere Hälfte füllen, muss es schon ein Bild sein. Ein Lineargradient ist ein Bild, weshalb er auch bei background-image angegeben wird.

Ob man nun für die obere Hälfte des Gradienten weiß oder transparent angibt, hängt vom Wunsch des Verwenders ab: soll ein mögliches Hintergrundbild oder -farbe in der oberen Hälfte durchscheinen oder nicht.

background-image reagiert jedenfalls definitiv auf -size, -position, -repeat, -clip und -origin. Wenn es das vermeintlich nicht tut, gibt es möglicherweise einen subtilen Syntaxfehler im CSS, oder auch ein Einfluss der CSS-Vorfahrtsregeln („Spezifität“). Das ist schnell passiert. Hier helfen die Entwicklerwerkzeuge des Browsers weiter, im DOM Inspektor findet man dann böse kleine Ausrufezeichen oder auch durchgestrichene Stil-Zuweisungen, wenn eine andere Zuweisung spezifischer war und Vorrang bekam. JustMe28 - du kennst die Entwicklerwerkzeuge? Taste F12 oder Strg+⬆️+I ?

Rolf