textContent Özelliği
textContent özelliği, bir elemanın metnini almanıza
ve değiştirmenize olanak tanır.
Sözdizimi
eleman.textContent;
Örnek
Elemanın metnini yazdıralım:
<p id="elem">metin</p>
let elem = document.querySelector('#elem');
console.log(elem.textContent);
Kodun çalıştırılmasının sonucu:
'metin'
Örnek
Elemanın metnini değiştirelim:
<p id="elem">metin</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Kodun çalıştırılmasının sonucu:
<p id="elem">!!!</p>
Örnek
Eğer elemanın metni etiketler içeriyorsa, özellik okunurken bu etiketler görüntülenmeyecektir:
<p id="elem"><b>metin</b></p>
let elem = document.querySelector('#elem');
console.log(elem.textContent);
Kodun çalıştırılmasının sonucu:
'metin'