Egenskapen innerHTML

Egenskapen innerHTML låter dig få och ändra HTML-kod för ett element.

Syntax

javascriptelement.innerHTML;

Exempel

Låt oss skriva ut HTML-koden för elementet:

html<p id="elem"><b>text</b></p>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.innerHTML);

Resultatet av kodkörningen:

javascript'<b>text</b>'

Exempel

Låt oss ändra HTML-koden till en ny:

html<p id="elem"><b>text</b></p>
javascriptlet elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';

Resultatet av kodkörningen:

html<p id="elem"><i>!!!</i></p>

Se även

  • egenskapen textContent,
    som innehåller elementets text
  • egenskapen outerHTML,
    som innehåller elementets yttre HTML-kod