textContent Özelliği

textContent özelliği, bir elemanın metnini almanıza ve değiştirmenize olanak tanır.

Sözdizimi

javascripteleman.textContent;

Örnek

Elemanın metnini yazdıralım:

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

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

Kodun çalıştırılmasının sonucu:

javascript'metin'

Örnek

Elemanın metnini değiştirelim:

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

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

Kodun çalıştırılmasının sonucu:

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

Örnek

Eğer elemanın metni etiketler içeriyorsa, özellik okunurken bu etiketler görüntülenmeyecektir:

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

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

Kodun çalıştırılmasının sonucu:

javascript'metin'

Ayrıca Bakınız