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';
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';
¡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!