width () und height () für moderne Browser ohne jQuery

Ich versuche, einen einfachen Fold / Unprelld-Effekt für elastische Divs zu implementieren, d. H. Wenn die tatsächlichen Dimensionen eines Elements nicht über CSS festgelegt und daher nicht trivial bestimmbar sind. Ich benötige also Äquivalente von jQueries width () und height () für beliebige Elemente. Die Methoden sollten etwas zurückgeben, das * .style.width / height zugewiesen werden kann, um den Fold / Unfold-Effekt zu erzielen. Die Methoden können auch Setter sein, aber nicht unbedingt, da es sowieso trivial ist (oder nicht?)

Compatibility: IE8 + und die entsprechende Gruppe von 3: Firefox, Chrome, Safari. SO. Ich habe keine andere Antwort als "use jQuery", was ich im Moment nicht tun möchte. Die Sache ist, dass ich solche archaischen Browser wie IE6 / 7 und Netscape nicht unterstützen muss. Ich möchte, dass mein Code einfach ist, jungfräuliches JavaScript für moderne Browser. Das Löschen von IE8 für IE9 ist ebenfalls eine Option.

Ich denke, die Antwort könnte für viele Webentwickler nützlich sein. Vielen Dank

Edit: Ich verstehe natürlich, dass die Analyse von jQuery (und das Löschen archaischer Macken) eine gute Option ist, aber ich dachte, jemand hat dies bereits getan und könnte es uns mitteilen.

Antworten auf die Frage(8)

Ihre Antwort auf die Frage