Egenskaben outerHTML

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

Syntaks

javascriptelement.outerHTML;

Eksempel

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

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

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

Resultatet af kodeudførelsen:

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

Eksempel

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

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

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

Resultatet af kodeudførelsen:

html<div>tekst</div>

Se også