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