style.height+X wie muss X aussehen?

[Glory]

funktioniert. Ich schaffe es aber nicht auf der rechten Seite einen festen Wert von z.B. 100px zu addieren. Welche Kombination von " und + ist dazu notwendig?

Also

element1.style.height = element2.style.height+"100px"

funktioniert z.B. nicht.

element1.style.height = element2.style.height+"100px"

Wenn wir davon ausgehen, dass element2 die Höhe 300 hat, wird das vom Parser verwandelt in:

element1.style.height = "300px" + "100px"

Da beides Strings sind, werden sie aneinandergehängt und es entsteht:

300px100px

Das ist natürlich kein gültiger CSS Wert für die Höhe.
Du musst also aus den "300px" eine Zahl machen. Das mit mit parseInt(String).

alert(parseInt(element2.style.height)); gibt aus: 300
Nun wo wir nicht mehr einen String wie "300px" sondern die Zahl 300 haben, können wir 100 addieren (300 + 100) und am Ende noch "px" dranhängen (300 + 100 + "px").

Das ganze sieht dann so aus:
element1.style.height = (parseInt(element2.style.height) + 100) + "px";