Properti outerHTML

Properti outerHTML memungkinkan untuk mendapatkan dan mengubah kode HTML elemen beserta tag-nya.

Sintaks

javascriptelemen.outerHTML;

Contoh

Mari kita tampilkan teks elemen menggunakan properti outerHTML:

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

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

Hasil eksekusi kode:

javascript'<p id="elem">teks</p>'

Contoh

Mari kita ubah paragraf menjadi div dengan teks yang sama:

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

javascriptlet elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';

Hasil eksekusi kode:

html<div>teks</div>

Lihat juga