Propiedad outerHTML

La propiedad outerHTML permite obtener y modificar el código HTML de un elemento junto con su etiqueta.

Sintaxis

javascriptelemento.outerHTML;

Ejemplo

Mostremos el texto del elemento usando la propiedad outerHTML:

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

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

Resultado de ejecutar el código:

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

Ejemplo

Convirtamos el párrafo en un div con el mismo texto:

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

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

Resultado de ejecutar el código:

html<div>texto</div>

Ver también