Egenskaben innerHTML
Egenskaben innerHTML gør det muligt at hente
og ændre HTML koden for et element.
Syntaks
element.innerHTML;
Eksempel
Lad os udskrive HTML koden for elementet:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
console.log(elem.innerHTML);
Resultatet af kodeudførelsen:
'<b>text</b>'
Eksempel
Lad os ændre HTML koden til en ny:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';
Resultatet af kodeudførelsen:
<p id="elem"><i>!!!</i></p>
Se også
-
egenskaben
textContent,
som indeholder elementets tekst -
egenskaben
outerHTML,
som indeholder elementets ydre HTML kode
