Egenskapen outerHTML
Egenskapen outerHTML låter dig få
och ändra HTML-koden för ett element tillsammans med dess tagg.
Syntax
element.outerHTML;
Exempel
Låt oss skriva ut elementets text med hjälp av
egenskapen outerHTML:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
console.log(elem.outerHTML);
Resultatet av kodkörningen:
'<p id="elem">text</p>'
Exempel
Låt oss skapa en div med samma
text istället för ett stycke:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';
Resultatet av kodkörningen:
<div>text</div>
Se även
-
egenskapen
textContent,
som innehåller elementets text -
egenskapen
innerHTML,
som innehåller elementets HTML-kod
