Propiedad outerHTML
La propiedad outerHTML permite obtener
y modificar el código HTML de un elemento junto con su etiqueta.
Sintaxis
elemento.outerHTML;
Ejemplo
Mostremos el texto del elemento usando
la propiedad outerHTML:
<p id="elem">texto</p>
let elem = document.querySelector('#elem');
console.log(elem.outerHTML);
Resultado de ejecutar el código:
'<p id="elem">texto</p>'
Ejemplo
Convirtamos el párrafo en un div con el
mismo texto:
<p id="elem">texto</p>
let elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';
Resultado de ejecutar el código:
<div>texto</div>
Ver también
-
propiedad
textContent,
que contiene el texto del elemento -
propiedad
innerHTML,
que contiene el código HTML del elemento
