Egenskapen innerHTML
Egenskapen innerHTML låter dig få
och ändra HTML-kod för ett element.
Syntax
element.innerHTML;
Exempel
Låt oss skriva ut HTML-koden för elementet:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
console.log(elem.innerHTML);
Resultatet av kodkörningen:
'<b>text</b>'
Exempel
Låt oss ändra HTML-koden till en ny:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';
Resultatet av kodkörningen:
<p id="elem"><i>!!!</i></p>
Se även
-
egenskapen
textContent,
som innehåller elementets text -
egenskapen
outerHTML,
som innehåller elementets yttre HTML-kod
