Proprietà outerHTML
La proprietà outerHTML permette di ottenere
e modificare il codice HTML di un elemento insieme al suo tag.
Sintassi
elemento.outerHTML;
Esempio
Visualizziamo il testo dell'elemento utilizzando
la proprietà outerHTML:
<p id="elem">testo</p>
let elem = document.querySelector('#elem');
console.log(elem.outerHTML);
Risultato dell'esecuzione del codice:
'<p id="elem">testo</p>'
Esempio
Creiamo un div con lo stesso testo
al posto del paragrafo:
<p id="elem">testo</p>
let elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';
Risultato dell'esecuzione del codice:
<div>testo</div>
Vedi anche
-
la proprietà
textContent,
che contiene il testo dell'elemento -
la proprietà
innerHTML,
che contiene il codice HTML dell'elemento
