Vlastnost innerHTML
Vlastnost innerHTML umožňuje získat
a změnit HTML kód elementu.
Syntaxe
prvek.innerHTML;
Příklad
Vypišme HTML kód elementu:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
console.log(elem.innerHTML);
Výsledek provedení kódu:
'<b>text</b>'
Příklad
Změňme HTML kód na nový:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';
Výsledek provedení kódu:
<p id="elem"><i>!!!</i></p>
Viz také
-
vlastnost
textContent,
která obsahuje text elementu -
vlastnost
outerHTML,
která obsahuje vnější HTML kód elementu