Ofereço ajuda em Java, C/C++, Python, C#, LISP, AutoLisp, AutoCAD
+55 (062) 98553-6711
Ofereço ajuda em PHP, Python, C#, JavaScript, Laravel, Google Ads e SEO
+55 (062) 98243-1195

Você está aqui: DHTML (Dynamic HTML) ::: Dicas de Estudo e Anotações ::: Passos Iniciais

Entenda a propriedade innerHTML

Quantidade de visualizações: 16046 vezes


Esta propriedade, disponível na maioria dos browsers, permite obter ou definir o código HTML entre a tag e abertura e fechamento de um elemento. Veja um exemplo:

1) Obtendo o conteúdo da propriedade innerHTML:
<html>
<head>
<title>Estudando DHTML</title>
</head>
<body>

<div id="cont"><button>Clique Aqui</button></div>

<script language="JavaScript">
  var obj = document.getElementById("cont");
  window.alert(obj.innerHTML); 
</script>

</body>
</html>
2) Definindo o valor para a propriedade innerHTML de um elemento:
<html>
<head>
<title>Estudando DHTML</title>
</head>
<body>

<div id="cont"><button onclick="alterar()">
   Clique Aqui</button></div>

<script language="JavaScript">
  function alterar(){
    var obj = document.getElementById("cont");
    obj.innerHTML = "<h1>Olá, estou aqui!</h1>";
  } 
</script>

</body>
</html>
Esta propridade é de leitura e escrita para todos os elementos HTML, exceto: COL, COLGROUP, FRAMESET, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE e TR.

Link para compartilhar na Internet ou com seus amigos:

Veja mais Dicas e truques de DHTML (Dynamic HTML)

Dicas e truques de outras linguagens

E-Books em PDF

E-Book 650 Dicas, Truques e Exercícios Resolvidos de Python - PDF com 1.200 páginas
Domine lógica de programação e a linguagem Python com o nosso E-Book 650 Dicas, Truques e Exercícios Exercícios de Python, para você estudar onde e quando quiser.

Este e-book contém dicas, truques e exercícios resolvidos abrangendo os tópicos: Python básico, matemática e estatística, banco de dados, programação dinâmica, strings e caracteres, entrada e saída, estruturas condicionais, vetores e matrizes, funções, laços, recursividade, internet, arquivos e diretórios, programação orientada a objetos e muito mais.
Ver Conteúdo do E-book
E-Book 350 Exercícios Resolvidos de Java - PDF com 500 páginas
Domine lógica de programação e a linguagem Java com o nosso E-Book 350 Exercícios Exercícios de Java, para você estudar onde e quando quiser.

Este e-book contém exercícios resolvidos abrangendo os tópicos: Java básico, matemática e estatística, programação dinâmica, strings e caracteres, entrada e saída, estruturas condicionais, vetores e matrizes, funções, laços, recursividade, internet, arquivos e diretórios, programação orientada a objetos e muito mais.
Ver Conteúdo do E-book

Linguagens Mais Populares

1º lugar: Java
2º lugar: Python
3º lugar: C#
4º lugar: PHP
5º lugar: C
6º lugar: Delphi
7º lugar: JavaScript
8º lugar: C++
9º lugar: VB.NET
10º lugar: Ruby



© 2025 Arquivo de Códigos - Todos os direitos reservados
Neste momento há 22 usuários muito felizes estudando em nosso site.