Propriedade innerHTML do HTML DOM

Objeto Elemento do HTML DOM

innerHTML deA propriedade define ou retorna o conteúdo HTML do elemento.

Anotação：Se o nó de texto filho de um elemento <div>，<span> ou <noembed> contiver caracteres（＆），（<）ou（>），o innerHTML tratará esses caracteres como entidades HTML“＆amp;”，“＆lt;” e “＆gt;” respectivamente. UtilizetextContentA propriedade obtém as cópias originais do conteúdo dos nós de texto.

Sintaxe：

Retornar a propriedade innerHTML：

element.innerHTML

Definir a propriedade innerHTML：

element.innerHTML = text

document.getElementById("para").innerHTML = "Hello world";

Compatibilidade do Navegador

Todos os navegadores suportam completamente a propriedade innerHTML:

Valor do Atributo

Detalhes Técnicos

Mais Exemplos

Obter o conteúdo HTML do elemento <p> usando id="para":

var x = document.getElementById("para").innerHTML;

Você pode limpar todo o conteúdo do documento removendo o conteúdo da propriedade body do documento:

document.body.innerHTML = "";

Referências Relacionadas

Referência do HTML DOM:Propriedade textContent do HTML DOM

Objeto Elemento do HTML DOM