Egenskaben outerHTML

Egenskaben outerHTML gør det muligt at hente og ændre et elements HTML-kode sammen med dets tag.

Syntaks

element.outerHTML;

Lad os udskrive elementets tekst ved hjælp af egenskaben outerHTML:

<p id="elem">tekst</p>

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

Resultatet af kodeudførelsen:

'<p id="elem">tekst</p>'

Lad os lave en div med den samme tekst i stedet for et afsnit:

<p id="elem">tekst</p>

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

Resultatet af kodeudførelsen:

<div>tekst</div>