Својството innerHTML

Својството innerHTML овозможува да се добие и промени HTML кодот на елементот.

Синтакса

javascriptелемент.innerHTML;

Пример

Ајде да го испечатиме HTML кодот на елементот:

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

Резултат од извршувањето на кодот:

javascript'<b>text</b>'

Пример

Ајде да го смениме HTML кодот на нов:

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

Резултат од извршувањето на кодот:

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

Погледнете ги и

  • својството textContent,
    кое го содржи текстот на елементот
  • својството outerHTML,
    кое го содржи надворешниот HTML код на елементот