Propiedad outerHTML del elemento HTML DOM

Definición y uso

outerHTML Configurar o retornar el elemento HTML, incluyendo las propiedades, las etiquetas de inicio y las etiquetas de finalización.

Ejemplo

Ejemplo 1

Cambiar el primer elemento h2 y su contenido:

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

Prueba personal

Ejemplo 2

Reemplazar el elemento con un título:

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

Prueba personal

Ejemplo 3

Salida del HTML externo del elemento <h1>:

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

Prueba personal

Ejemplo 4

Salida del HTML externo del elemento <ul>:

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

Prueba personal

Sintaxis

Retornar la propiedad outerHTML:

elemento.outerHTML

Configurar la propiedad outerHTML:

elemento.outerHTML = text

Valor de propiedad

Valor Descripción
text Nuevo contenido HTML.

Valor de retorno

Tipo Descripción
Cadena El contenido HTML del elemento, incluyendo las propiedades, las etiquetas de inicio y las etiquetas de finalización.

Compatibilidad del navegador

Todos los navegadores lo admiten element.outerHTML:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte Soporte