Атрибут outerHTML элемента HTML DOM

Определение и использование

outerHTML Атрибут устанавливает или возвращает HTML-элемент, включая атрибуты, начетку и конец тега.

Пример

Пример 1

Изменить первый элемент h2 и его содержимое:

document.getElementsByTagName("h2")[0] = "<h3>Changed!</h3>";

Попробуйте сами

Пример 2

Заменить элемент заголовком:

element.outerHTML = "<h2>This is a h2 element</h2>";

Попробуйте сами

Пример 3

Вывести внешнюю HTML-строку элемента <h1>:

let html = document.getElementsByTagName("h1")[0].outerHTML;
alert(html);

Попробуйте сами

Пример 4

Вывести внешнюю HTML-строку элемента <ul>:

let html = document.getElementsByTagName("ul")[0].outerHTML;
alert(html);

Попробуйте сами

Синтаксис

Возвратить атрибут outerHTML:

element.outerHTML

Установить атрибут outerHTML:

element.outerHTML = text

Значение атрибута

Значение Описание
text Новый HTML-контент.

Возвратное значение

Тип Описание
Строка HTML содержимое элемента, включая атрибуты, начетку и конец тега.

Поддержка браузерами

Все браузеры поддерживают element.outerHTML:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка Поддержка