Својството innerHTML
Својството innerHTML овозможува да се добие
и промени HTML кодот на елементот.
Синтакса
елемент.innerHTML;
Пример
Ајде да го испечатиме HTML кодот на елементот:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
console.log(elem.innerHTML);
Резултат од извршувањето на кодот:
'<b>text</b>'
Пример
Ајде да го смениме HTML кодот на нов:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';
Резултат од извршувањето на кодот:
<p id="elem"><i>!!!</i></p>
Погледнете ги и
-
својството
textContent,
кое го содржи текстот на елементот -
својството
outerHTML,
кое го содржи надворешниот HTML код на елементот