Vlastnosť innerHTML
Vlastnosť innerHTML umožňuje získať
a zmeniť HTML kód prvku.
Syntax
prvok.innerHTML;
Príklad
Vypíšme HTML kód prvku:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
console.log(elem.innerHTML);
Výsledok vykonania kódu:
'<b>text</b>'
Príklad
Zmeňme HTML kód na nový:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';
Výsledok vykonania kódu:
<p id="elem"><i>!!!</i></p>
Pozri tiež
-
vlastnosť
textContent,
ktorá obsahuje text prvku -
vlastnosť
outerHTML,
ktorá obsahuje vonkajší HTML kód prvku