Propriedade outerHTML do elemento HTML DOM

Definição e uso

outerHTML Propriedade de atributo ou retorno do elemento HTML, incluindo atributos, tags de início e fim.

Exemplo

Exemplo 1

Alterar o primeiro elemento h2 e seu conteúdo:

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

Experimente você mesmo

Exemplo 2

Substituir o elemento por título:

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

Experimente você mesmo

Exemplo 3

Saída do HTML externo do elemento <h1>:

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

Experimente você mesmo

Exemplo 4

Saída do HTML externo do elemento <ul>:

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

Experimente você mesmo

Sintaxe

Retornar a propriedade outerHTML:

element.outerHTML

Definir a propriedade outerHTML:

element.outerHTML = text

Valor do atributo

Valor Descrição
text Novo conteúdo HTML.

Valor de retorno

Tipo Descrição
String O conteúdo HTML do elemento, incluindo atributos, tags de início e fim.

Suporte de navegador

Todos os navegadores suportam element.outerHTML:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte Suporte