Algunos puntos generales:
CPU Costo
ejecutar JavaScript para aplicar estilos a los elementos individuales serán muy lentos. Javascript es sincrónico, por lo que tendrá que actualizar un estilo a la vez. Además, como se menciona en otra parte, atravesar el DOM es computacionalmente costoso. Más aún si está aplicando estilos ya que obliga al navegador a volver a presentar el sitio cada vez que aplica un cambio.
Costo cerebro
Es también mentalmente caro para tratar de escribir y mantener estilos en Javascript. Es un lenguaje funcional que nunca tuvo la intención de contener las reglas de los diseños. CSS es mucho más fácil de leer.
They Cascade!
CSS significa Cascading Style Sheets. Uno de los grandes estilos de beneficios puede heredar propiedades entre sí. Considere lo siguiente:
a.nav { font-weight: bold; }
Ahora todos sus enlaces con una clase de "nav" están en negrita. Pero en caso de que desee modificar, además, un enlace que todavía será capaz de:
li a.nav { color: red; }
Ahora todos sus enlaces a.nav contenidos dentro de un elemento de la lista serán rojas y negrita. Es posible hacer esto es javascript, pero tendrías que forzarlo y el mantenimiento sería horrible.
Si usa Javascript para estilos, ¡sus compañeros de trabajo lo golpearán hasta la muerte!
creo que este tipo de habla por sí mismo
Este
una buena pregunta, pero maldición que va a tomar mucho tiempo para responder a –
Comunidad wiki esta pregunta. –
Excelentes respuestas. El tiempo de renderizado es demasiado costoso, sería condenado al ostracismo y no es natural para JavaScript aunque sea factible. Gracias. –