Īpašība innerHTML

Īpašība innerHTML ļauj iegūt un mainīt elementa HTML kodu.

Sintakse

javascriptelement.innerHTML;

Piemērs

Izvadīsim elementa HTML kodu:

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

Koda izpildes rezultāts:

javascript'<b>text</b>'

Piemērs

Mainīsim HTML kodu uz jaunu:

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

Koda izpildes rezultāts:

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

Skatiet arī

  • īpašība textContent,
    kura satur elementa tekstu
  • īpašība outerHTML,
    kura satur elementa ārējo HTML kodu