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