textContent-ominaisuus
Ominaisuus textContent mahdollistaa
elementin tekstin hakemisen ja muuttamisen.
Syntaksi
element.textContent;
Esimerkki
Haetaan elementin teksti:
<p id="elem">teksti</p>
let elem = document.querySelector('#elem');
console.log(elem.textContent);
Koodin suorituksen tulos:
'teksti'
Esimerkki
Muutetaan elementin tekstiä:
<p id="elem">teksti</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Koodin suorituksen tulos:
<p id="elem">!!!</p>
Esimerkki
Jos elementin teksti sisältää tunnisteita, niitä ei näytetä ominaisuutta luettaessa:
<p id="elem"><b>teksti</b></p>
let elem = document.querySelector('#elem');
console.log(elem.textContent);
Koodin suorituksen tulos:
'teksti'