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