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

Cual es la diferencia entre usar .textContent y .innerHTML

Cual de las dos respuestas es más apropiada para manipular el contenido de HTML en JavaScript

let titulo = document.querySelector ('h1');

op1: titulo.textContent = 'Hola, mundo';

op2: titulo.innerHTML = 'Hola, mundo';

1 respuesta

¡Hola Lady, espero que estés bien!

La diferencia entre textContent y innerHTML es que textContent devuelve solo el texto dentro de un elemento, sin incluir ninguna etiqueta HTML, mientras que innerHTML devuelve todo el contenido HTML de un elemento, incluyendo las etiquetas HTML.

En el caso de tu pregunta, si solo quieres cambiar el texto dentro del elemento h1, es más apropiado utilizar textContent. Por ejemplo:

let titulo = document.querySelector('h1');
titulo.textContent = 'Hola, mundo';

Si necesitas cambiar el contenido HTML del elemento h1, incluyendo etiquetas HTML, entonces sería más apropiado utilizar innerHTML. Por ejemplo:

let titulo = document.querySelector('h1');
titulo.innerHTML = '<em>Hola</em>, mundo';

Espero haber aclarado tu duda. ¡Si tienes alguna otra pregunta, no dudes en preguntar!

Espero haber ayudado y buenos estudios!