Свойство outerHTML в JavaScript

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

Синтаксис

элемент.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>