Свойство 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>

Вижте също