Proprietà outerHTML dell'elemento DOM HTML

Definizione e uso

outerHTML Imposta o restituisce l'elemento HTML, inclusi attributi, etichette di inizio e di fine.

Esempio

Esempio 1

Cambia il primo elemento h2 e il suo contenuto:

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

Prova a te stesso

Esempio 2

Sostituisci l'elemento con un titolo:

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

Prova a te stesso

Esempio 3

Esporta l'HTML esterno dell'elemento <h1>:

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

Prova a te stesso

Esempio 4

Esporta l'HTML esterno dell'elemento <ul>:

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

Prova a te stesso

Sintassi

Restituisce l'attributo outerHTML:

element.outerHTML

Imposta l'attributo outerHTML:

element.outerHTML = text

Valore dell'attributo

Valore Descrizione
text Nuovo contenuto HTML.

Valore di ritorno

Tipo Descrizione
Stringa Il contenuto HTML dell'elemento, inclusi attributi, etichette di inizio e di fine.

Supporto del browser

Tutti i browser supportano element.outerHTML:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto Supporto