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

javascriptelement.outerHTML;

Voorbeeld

Kom ons voer die teks van die element uit met behulp van die eienskap outerHTML:

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

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

Resultaat van die kode-uitvoering:

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

Voorbeeld

Kom ons maak 'n div met dieselfde teks in plaas van die paragraaf:

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

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

Resultaat van die kode-uitvoering:

html<div>teks</div>

Sien ook