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