width () и height () для современных браузеров без jQuery

Я пытаюсь реализовать простой эффект сворачивания / разворачивания для эластичных div, то есть когда фактические размеры элемента не устанавливаются через CSS и, следовательно, не могут быть определены тривиально. Поэтому мне нужны эквиваленты jQuery width () и height () для произвольных элементов; методы должны возвращать то, что можно было бы присвоить * .style.width / height для достижения эффекта сворачивания / разворачивания. Методы также могут быть установщиками, хотя и не обязательно, поскольку это в любом случае тривиально (или нет?)

Совместимость: IE8 + и соответствующая группа из трех: Firefox, Chrome, Safari. У SO нет другого ответа, кроме «использовать jQuery», чего я не хочу сейчас делать. Дело в том, что мне не нужно поддерживать такие архаичные браузеры, как IE6 / 7 и Netscape. Я хочу, чтобы мой код был простым, девственным JavaScript для современных браузеров. Отказ от IE8 для IE9 - тоже вариант.

Я думаю, что ответ может быть полезен многим веб-разработчикам. Спасибо!

Изменить: я, конечно, понимаю, что анализ jQuery (и устранение архаичных причуд) - хороший вариант, но я думал, что кто-то уже сделал это и может поделиться с нами.