Propiedad textContent
La propiedad textContent permite obtener
y modificar el texto de un elemento.
Sintaxis
elemento.textContent;
Ejemplo
Mostremos el texto del elemento:
<p id="elem">texto</p>
let elem = document.querySelector('#elem');
console.log(elem.textContent);
Resultado de la ejecución del código:
'texto'
Ejemplo
Cambiemos el texto del elemento:
<p id="elem">texto</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Resultado de la ejecución del código:
<p id="elem">!!!</p>
Ejemplo
Si el texto del elemento contiene etiquetas, al leer la propiedad estas etiquetas no se mostrarán:
<p id="elem"><b>texto</b></p>
let elem = document.querySelector('#elem');
console.log(elem.textContent);
Resultado de la ejecución del código:
'texto'