Egenskapen outerHTML

Egenskapen outerHTML lar deg hente og endre HTML-koden til et element sammen med dets tagg.

Syntaks

javascriptelement.outerHTML;

Eksempel

La oss skrive ut tekstene til elementet ved hjelp av egenskapen outerHTML:

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

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

Resultat av kjøring av kode:

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

Eksempel

La oss lage en div med den samme teksten i stedet for et avsnitt:

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

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

Resultat av kjøring av kode:

html<div>text</div>

Se også