Egenskapen outerHTML

Egenskapen outerHTML låter dig få och ändra HTML-koden för ett element tillsammans med dess tagg.

Syntax

javascriptelement.outerHTML;

Exempel

Låt oss skriva ut elementets text med hjälp av egenskapen outerHTML:

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

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

Resultatet av kodkörningen:

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

Exempel

Låt oss skapa en div med samma text istället för ett stycke:

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

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

Resultatet av kodkörningen:

html<div>text</div>

Se även