textContent-ominaisuus

Ominaisuus textContent mahdollistaa elementin tekstin hakemisen ja muuttamisen.

Syntaksi

javascriptelement.textContent;

Esimerkki

Haetaan elementin teksti:

html<p id="elem">teksti</p>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.textContent);

Koodin suorituksen tulos:

javascript'teksti'

Esimerkki

Muutetaan elementin tekstiä:

html<p id="elem">teksti</p>

javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

Koodin suorituksen tulos:

html<p id="elem">!!!</p>

Esimerkki

Jos elementin teksti sisältää tunnisteita, niitä ei näytetä ominaisuutta luettaessa:

html<p id="elem"><b>teksti</b></p>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.textContent);

Koodin suorituksen tulos:

javascript'teksti'

Katso myös