outerHTML eienskap
Die eienskap outerHTML laat jou toe
om die HTML-kode van 'n element saam met sy etiket te verkry en te verander.
Sintaksis
element.outerHTML;
Voorbeeld
Kom ons voer die teks van die element uit met behulp van
die eienskap outerHTML:
<p id="elem">teks</p>
let elem = document.querySelector('#elem');
console.log(elem.outerHTML);
Resultaat van die kode-uitvoering:
'<p id="elem">teks</p>'
Voorbeeld
Kom ons maak 'n div met dieselfde
teks in plaas van die paragraaf:
<p id="elem">teks</p>
let elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';
Resultaat van die kode-uitvoering:
<div>teks</div>
Sien ook
-
die eienskap
textContent,
wat die teks van die element bevat -
die eienskap
innerHTML,
wat die HTML-kode van die element bevat
