Properti innerHTML

Properti innerHTML memungkinkan untuk mendapatkan dan mengubah kode HTML elemen.

Sintaks

javascriptelemen.innerHTML;

Contoh

Mari kita tampilkan kode HTML elemen:

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

Hasil eksekusi kode:

javascript'<b>text</b>'

Contoh

Mari kita ubah kode HTML menjadi yang baru:

html<p id="elem"><b>text</b></p>
javascriptlet elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';

Hasil eksekusi kode:

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

Lihat juga

  • properti textContent,
    yang berisi teks elemen
  • properti outerHTML,
    yang berisi kode HTML eksternal elemen