outerHTML

Обновлено: 20.03.2023

Визначення та використання

Властивість outerHTMLвстановлює або повертає елемент HTML, включаючи атрибути, початковий і кінцевий теги.

Приклади

Змініть перший елемент h2 і його вміст:

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

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

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

Попередити зовнішній HTML елемента <h1>:

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

Попередити зовнішній HTML елемента <ul>:

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

Синтаксис

Повертає властивість outerHTML:


element.outerHTML

Встановіть властивість outerHTML:


element.outerHTML = text

Вартість власності

ЗначенняОпис
textНовий вміст HTML.


Повернене значення

Типопис
РядокHTML-вміст елемента, включаючи атрибути, початковий та кінцевий теги.


Підтримка браузера

outerHTML

Посмотреть совместимость на Can I use?

outerHTML