Vlastnost innerHTML

Vlastnost innerHTML umožňuje získat a změnit HTML kód elementu.

Syntaxe

javascriptprvek.innerHTML;

Příklad

Vypišme HTML kód elementu:

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

Výsledek provedení kódu:

javascript'<b>text</b>'

Příklad

Změňme HTML kód na nový:

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

Výsledek provedení kódu:

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

Viz také

  • vlastnost textContent,
    která obsahuje text elementu
  • vlastnost outerHTML,
    která obsahuje vnější HTML kód elementu