Atrybut outerHTML obiektu HTML DOM Element

Definicja i użycie

outerHTML Atrybut ustawiający lub zwracający element HTML, w tym atrybuty, początkowe i końcowe etykiety.

Przykład

Przykład 1

Zmień pierwszy element h2 oraz jego zawartość:

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

Spróbuj sam

Przykład 2

Zastąp element tytułem:

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

Spróbuj sam

Przykład 3

Wypisz zewnętrzny HTML elementu <h1>:

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

Spróbuj sam

Przykład 4

Wypisz zewnętrzny HTML elementu <ul>:

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

Spróbuj sam

Gramatyka

Zwróć atrybut outerHTML:

element.outerHTML

Ustawienie atrybutu outerHTML:

element.outerHTML = text

Wartość atrybutu

Wartość Opis
text Nowa zawartość HTML.

Zwrócona wartość

Typ Opis
String HTML zawartość elementu, w tym atrybuty, początkowe i końcowe etykiety.

Obsługa przeglądarek

Wszystkie przeglądarki wspierają element.outerHTML:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie