# Свойство outerHTML

Свойство `outerHTML` позволяет получить и изменить HTML код элемента вместе с его тегом.

## Синтаксис

`элемент.outerHTML;`

## Пример

Давайте выведем текст элемента с помощью свойства `outerHTML`:

`<p id="elem">text</p>` `let elem = document.querySelector('#elem'); console.log(elem.outerHTML);`

Результат выполнения кода:

`'<p id="elem">text</p>'`

## Пример

Давайте вместо абзаца сделаем `div` с таким же текстом:

`<p id="elem">text</p>` `let elem = document.querySelector('#elem'); elem.outerHTML = '<div>' + elem.innerHTML + '</div>';`

Результат выполнения кода:

`<div>text</div>`

## Смотрите также

- свойство `textContent`,
  которое содержит текст элемента
- свойство `innerHTML`,
  которое содержит HTML код элемента

←→
↑
en ru