La idea clave
Después de encontrar un elemento, puedes cambiar lo que dice. textContent recibe texto normal, no lo interpreta como etiquetas HTML.
Ejemplo paso a paso
Este ejemplo muestra la idea en acción. Sigue los pasos y después cámbialo tú.
Ejemplo explicado{ js }
const titulo = document.querySelector('#saludo');
titulo.textContent = 'Hola, JavaScript';
Editar y probar este mismo ejemplo ↓
- querySelector encuentra el título de la página.
- La propiedad textContent recibe un nuevo valor.
- El cambio aparece en la vista previa, no en la consola.
Practica con código
Antes de empezar, piensa: ¿Se modifica la consola o el título de la página?
Sustituye el saludo por «Ya sé modificar una página».
El resultado que buscamosEl título visible pasa a mostrar tu frase.
HTML + CSS + JS Practica aquí
Tu misiónSustituye el saludo por «Ya sé modificar una página».
Vista previa aislada · Sin acceso al sitio principal
ConsolaLista para ejecutar.
Sin comprobar
Escribe tu cambio y pulsa «Comprobar solución». Puedes intentarlo tantas veces como quieras.
Listo
Necesito una pista
No hace falta cambiar el HTML original.
Una pista más
Modifica solo el texto entre comillas a la derecha de textContent.
Ver solución y explicación
titulo.textContent = 'Ya sé modificar una página';
Qué debes recordar: textContent cambia el texto visible de un elemento.
Práctica pendiente de corregir
La lectura, las prácticas corregidas y las autoevaluaciones guiadas se guardan por separado en este navegador.
Revisado editorialmente · Referencia técnica específica ↗