Уласцівасць outerHTML

Уласцівасць outerHTML дазваляе атрымаць і змяніць HTML код элемента разам з яго тэгам.

Сінтаксіс

javascriptэлемент.outerHTML;

Прыклад

Давайце выведзем тэкст элемента з дапамогай уласцівасці outerHTML:

html<p id="elem">text</p>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.outerHTML);

Вынік выканання кода:

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

Прыклад

Давайце замест абзаца зробім div з такім жа тэкстам:

html<p id="elem">text</p>

javascriptlet elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';

Вынік выканання кода:

html<div>text</div>

Глядзіце таксама