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

←→
↑
en ru