Ocultando elegantemente elementos dependientes de JavaScript

2025-04-06
Ocultando elegantemente elementos dependientes de JavaScript

Este artículo explora tres maneras elegantes de ocultar elementos web que dependen de JavaScript. El primer método añade dinámicamente un nombre de clase usando JavaScript, pero no es lo suficientemente conciso. El segundo método usa las etiquetas `` y `` para ocultar elementos directamente en CSS, pero tiene costes de mantenimiento más altos. El tercer método, y el enfoque recomendado, usa un nombre de clase genérico `d-js-required` junto con las etiquetas `<noscript>` y `<style>`. Esto solo requiere modificar una única regla CSS para ocultar todos los elementos dependientes de JavaScript, ofreciendo una solución limpia y eficiente.

Desarrollo mejora progresiva