Egenskapen outerHTML
Egenskapen outerHTML lar deg hente
og endre HTML-koden til et element sammen med dets tagg.
Syntaks
element.outerHTML;
Eksempel
La oss skrive ut tekstene til elementet ved hjelp av
egenskapen outerHTML:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
console.log(elem.outerHTML);
Resultat av kjøring av kode:
'<p id="elem">text</p>'
Eksempel
La oss lage en div med den samme
teksten i stedet for et avsnitt:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';
Resultat av kjøring av kode:
<div>text</div>
Se også
-
egenskapen
textContent,
som inneholder elementets tekst -
egenskapen
innerHTML,
som inneholder elementets HTML-kode
