Propriedade HTML DOM innerHTML
Exemplo
Altere o conteúdo HTML de um elemento <p> com id="demo":
document.getElementById("demo").innerHTML = "Paragraph changed!";
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
A propriedade innerHTML define ou retorna o conteúdo HTML (HTML interno) de um elemento.
Suporte ao navegador
Property | |||||
---|---|---|---|---|---|
innerHTML | Yes | Yes | Yes | Yes | Yes |
Sintaxe
Retorne a propriedade innerHTML:
HTMLElementObject.innerHTML
Defina a propriedade innerHTML:
HTMLElementObject.innerHTML = text
Valores de propriedade
Value | Description |
---|---|
text | Specifies the HTML content of an element |
Detalhes técnicos
Valor de retorno: | Uma String, representando o conteúdo HTML de um elemento |
---|
Mais exemplos
Exemplo
Obtenha o conteúdo HTML de um elemento <p> com id="myP":
var x = document.getElementById("myP").innerHTML;
Exemplo
Obtenha o conteúdo HTML de um elemento <ul> com id="myList":
var x = document.getElementById("myList").innerHTML;
Exemplo
Altere o conteúdo HTML de dois elementos:
document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?";
Exemplo
Alerte o conteúdo HTML de um elemento <p> com id="demo":
alert(document.getElementById("demo").innerHTML);
Exemplo
Exclua o conteúdo HTML de um elemento <p> com id="demo":
document.getElementById("demo").innerHTML = ""; // Replaces the content of <p> with an empty string
Exemplo
Altere o conteúdo HTML, o URL e o destino de um link:
document.getElementById("myAnchor").innerHTML = "W3Schools";
document.getElementById("myAnchor").href = "https://www.w3schools.com";
document.getElementById("myAnchor").target = "_blank";
❮ Objeto do Elemento