Properti textContent

Properti textContent memungkinkan untuk mendapatkan dan mengubah teks elemen.

Sintaks

javascriptelemen.textContent;

Contoh

Mari kita tampilkan teks elemen:

html<p id="elem">teks</p>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.textContent);

Hasil eksekusi kode:

javascript'teks'

Contoh

Mari kita ubah teks elemen:

html<p id="elem">teks</p>
javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

Hasil eksekusi kode:

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

Contoh

Jika teks elemen mengandung tag, maka saat membaca properti, tag-tag ini tidak akan ditampilkan:

html<p id="elem"><b>teks</b></p>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.textContent);

Hasil eksekusi kode:

javascript'teks'

Lihat juga

  • properti innerHTML,
    yang berisi kode HTML elemen
  • properti outerHTML,
    yang berisi kode HTML eksternal elemen