Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Sugerencia] Manipulando contenido HTML con JavaScript

Si tienes más de un elemento h1 en tu HTML, puedes seleccionarlos todos utilizando document.querySelectorAll('h1'), que te devolverá una NodeList con todos los elementos h1.

Entonces, el código sería:

javascript Copiar código let titulos = document.querySelectorAll('h1'); titulos.forEach(titulo => { titulo.innerHTML = 'Bienvenido al mundo dev'; }); Esto recorrería todos los elementos h1 y les asignaría el nuevo texto.

De la misma forma, si quisieras seleccionar tanto los elementos h1 como los h2, podrías hacer:

javascript Copiar código let titulos = document.querySelectorAll('h1, h2'); titulos.forEach(titulo => { titulo.innerHTML = 'Bienvenido al mundo dev'; }); Esto seleccionaría todos los elementos h1 y h2 y les asignaría el nuevo texto.

Así que no, no estaría incorrecto utilizar h1, h2 en el selector. Sería una forma de seleccionar múltiples elementos de diferentes tipos.

La clave aquí es entender que document.querySelectorAll() te permite seleccionar múltiples elementos que coincidan con el selector CSS que le proporciones. Esto te da la flexibilidad de seleccionar y manipular varios elementos a la vez, lo cual puede ser muy útil en el desarrollo web.

1 respuesta

Hola!

¿Cómo estás? Gracias por tu aporte en el foro. Su contribución es esencial para el crecimiento de nuestra comunidad en Alura.

Sigue así y no dudes en volver al foro si tienes alguna pregunta o dificultad. Abrazos y buenos estudios!

Por favor, no olvides marcar este post como solucionado. ¡Es de gran ayuda para la comunidad! ✓ Sigue adelante con tus estudios.