tutoriais mais recente desenvolvimento web
 

HTML DOM innerHTML Propery

<Elemento de objeto

Exemplo

Alterar o conteúdo HTML de um <p> elemento com id = "demonstração":

document.getElementById("demo").innerHTML = "Paragraph changed!";
Tente você mesmo "

Mais "Try it Yourself" exemplos abaixo.

Definição e Uso

Os innerHTML conjuntos de propriedades ou retorna o conteúdo HTML (inner HTML) de um elemento.

Suporte navegador

Propriedade
innerHTML sim sim sim sim sim

Sintaxe

Devolver a propriedade innerHTML:

HTMLElementObject .innerHTML

Defina a propriedade innerHTML:

HTMLElementObject .innerHTML= Valores de propriedade
Valor Descrição
text Especifica o conteúdo HTML de um elemento

Detalhes técnicos

Valor de retorno: A String, que representa o conteúdo HTML de um elemento
Exemplos

mais Exemplos

Exemplo

Obter o conteúdo HTML de um <p> elemento com id = "MJ":

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

O resultado x será:

I am a paragraph.
Tente você mesmo "

Exemplo

Obter o conteúdo HTML de um <ul> elemento com id = "myList":

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

O resultado x será:

  • Coffee
  • Tea
Tente você mesmo "

Exemplo

Alterar o conteúdo HTML de dois elementos:

document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?";
Tente você mesmo "

Exemplo

Alertar o conteúdo HTML de um <p> elemento com id = "demonstração":

alert(document.getElementById("demo").innerHTML);
Tente você mesmo "

Exemplo

Excluir o conteúdo HTML de um <p> elemento com id = "demonstração":

document.getElementById("demo").innerHTML = "";  // Replaces the content of <p> with an empty string
Tente você mesmo "

Exemplo

Alterar o conteúdo HTML, URL e alvo de um link:

document.getElementById("myAnchor").innerHTML = "w3ii";
document.getElementById("myAnchor").href = "http://www.w3ii.com";
document.getElementById("myAnchor").target = "_blank";
Tente você mesmo "
<Elemento de objeto