Properti outerHTML
Properti outerHTML memungkinkan untuk mendapatkan
dan mengubah kode HTML elemen beserta tag-nya.
Sintaks
elemen.outerHTML;
Contoh
Mari kita tampilkan teks elemen menggunakan
properti outerHTML:
<p id="elem">teks</p>
let elem = document.querySelector('#elem');
console.log(elem.outerHTML);
Hasil eksekusi kode:
'<p id="elem">teks</p>'
Contoh
Mari kita ubah paragraf menjadi div dengan
teks yang sama:
<p id="elem">teks</p>
let elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';
Hasil eksekusi kode:
<div>teks</div>
Lihat juga
-
properti
textContent,
yang berisi teks elemen -
properti
innerHTML,
yang berisi kode HTML elemen