Proprietà outerHTML

La proprietà outerHTML permette di ottenere e modificare il codice HTML di un elemento insieme al suo tag.

Sintassi

javascriptelemento.outerHTML;

Esempio

Visualizziamo il testo dell'elemento utilizzando la proprietà outerHTML:

html<p id="elem">testo</p>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.outerHTML);

Risultato dell'esecuzione del codice:

javascript'<p id="elem">testo</p>'

Esempio

Creiamo un div con lo stesso testo al posto del paragrafo:

html<p id="elem">testo</p>

javascriptlet elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';

Risultato dell'esecuzione del codice:

html<div>testo</div>

Vedi anche