Уласцівасць 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 код элемента