Vlastnosť innerHTML

Vlastnosť innerHTML umožňuje získať a zmeniť HTML kód prvku.

Syntax

javascriptprvok.innerHTML;

Príklad

Vypíšme HTML kód prvku:

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

Výsledok vykonania kódu:

javascript'<b>text</b>'

Príklad

Zmeňme HTML kód na nový:

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

Výsledok vykonania kódu:

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

Pozri tiež

  • vlastnosť textContent,
    ktorá obsahuje text prvku
  • vlastnosť outerHTML,
    ktorá obsahuje vonkajší HTML kód prvku