Estoy tratando de implementar un efecto simple de plegar / desplegar para divs elásticos, es decir, cuando las dimensiones reales de un elemento no se establecen a través de CSS y, por lo tanto, no son determinables trivialmente. Por lo tanto, necesito equivalentes de ancho () y alto () de jQuery para elementos arbitrarios; los métodos deben devolver algo que se pueda asignar a * .style.width / height para lograr el efecto de plegado / desplegado. Los métodos también pueden establecerse, aunque no necesariamente ya que de todos modos es trivial (¿o no?)

Compatibilidad: IE8 + y la pandilla adecuada de 3: Firefox, Chrome, Safari. ENTONCES. no tiene una respuesta para esto que no sea "usar jQuery", que no quiero hacer en este momento. La cuestión es que no necesito soportar navegadores tan arcaicos como IE6 / 7 y Netscape. Quiero que mi código sea simple, JavaScript de soltera para navegadores modernos. Dejar IE8 para IE9 también es una opción.

Creo que la respuesta puede ser útil para muchos desarrolladores web. ¡Gracias!

Editar: entiendo, por supuesto, analizar jQuery (y eliminar las peculiaridades arcaicas) es una buena opción, pero pensé que alguien ya lo había hecho y podría compartirlo con nosotros.