Свойство 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 код элемента