DHTML (Dynamic HTML) - Entenda a propriedade innerHTML

Home | Consultoria | Exemplos e Códigos-Fonte | Quem Sou | Fale Comigo

Linguagens

C

HTML - Dynamic HTML

JSP - Java Server Pages

Frameworks

JSF - Java Server Faces

Bancos de Dados

Ferramentas

Avaliador de Expressões Regulares em JavaScript

Tabela Cores HTML I

Tabela Cores HTML II

Você está aqui: Inicio -> Dicas e Truques -> DHTML (Dynamic HTML) -> Entenda a propriedade innerHTML

Entenda a propriedade innerHTML

Esta dica foi visualizada 3633 vezes



Não encontrou o que estava procurando? Experimente nossa busca
Termo(s) da busca:

Categoria: Dicas de Estudo e Anotações

Sub-Categoria: Passos Iniciais [Veja dicas relacionadas]

Entenda a propriedade innerHTML

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.

Veja mais Dicas & Truques na sub-categoria: Passos Iniciais

Aprenda a usar o método getElementById

Entenda a propriedade innerHTML

Entenda a propriedade parentNode

Usando o método getElementsByTagName

Veja mais Dicas & Truques de DHTML (Dynamic HTML)

Aprenda a criar botões (button) dinâmicamente

Aprenda a usar o método getElementById

Entenda a propriedade innerHTML

Usando o método getElementsByTagName

Entenda a propriedade parentNode

Como listar todas as propriedades e eventos disponíveis para um elemento HTML

Como obter o elemento pai de um determinado elemento usando parentNode

Veja mais Dicas & Truques de outras linguagens

ActionScript - Como converter graus em radianos

PHP - Como contar a frequencia de palavras em uma string

MySQL - Excluindo uma base de dados MySQL usando o mysqladmin

JSP (Java Server Pages) - Como obter o nome do banco de dados

C - Verificando a existência de uma substring em uma string

JavaScript - Como formatar um número de acordo com as configurações do sistema

C++ - Escrevendo em arquivos usando a função WriteFile() da API do Windows

C# (CSharp) - Obtendo as coordenadas do mouse durante um evento MouseUp, MouseDown, MouseMove, MouseHover ou MouseClick

Perl - Como usar arrays (matrizes) em Perl

Java - Como ordenar um array de inteiros em ordem crescente

JavaScript - Limitar a quantidade de caracteres em um textarea

ActionScript - Usando um laço for para percorrer todos os elementos de um array

JSP (Java Server Pages) - Use o método getServletName para obter o nome do Servlet (JSP) atual

C# (CSharp) - Calculando juros simples e montante usando C#

Java - Como criar e adicionar uma barra de menus à uma JFrame

C# (CSharp) - A instrução switch da linguagem C#

JavaScript - Como obter o logaritmo natural de 2

Java - Contar as ocorrências de uma substring em uma string

JSP (Java Server Pages) - Como excluir uma coluna de uma tabela MySQL usando JSP

Java - Ordenar (classificar) os dados de uma JTable clicando nos títulos das colunas

Visão Tributária - Curso de Nota Fiscal Eletrônica em Goiânia - GO

Referências

Tipos de dados da linguagem Java

Palavras-chave e palavras reservadas da linguagem Java

Tipos de dados da linguagem PHP

Dicas e truques de Java

Como adicionar ou subtrair minutos de uma data e hora usando o método add() da classe Calendar

Criando uma ArrayList genérica de inteiros

A instrução switch do Java

As instruções if e if...else do Java

Aprenda a usar o laço do-while do Java

Criando seu primeiro aplicativo de interface gráfica em Java

Como comparar strings em Java usando o método equals

Entendendo a classe ArrayList ou ArrayList<E>

Calculando a área de um círculo

Aprenda a usar expressões regulares em Java

Criando e inicializando um array de strings

Lendo de um arquivo usando BufferedReader e FileReader

Aprenda a ler entrada do usuário usando a classe Scanner

Código completo para um programa de desenho usando eventos do mouse

Entendendo o conceito de encapsulamento (encapsulation) em Java

Criando uma tela de login usando GridBagLayout

Entendendo a classe Vector<E>

Aprenda a tratar erros em Java usando o bloco try...catch

Usando herança em Java

Escrevendo em um arquivo usando BufferedWriter e FileWriter

Dicas e truques de C++

Calculando a raiz quadrada de um número

Removendo parte de uma string usando o método erase

O aplicativo de interface gráfica mais simples em C++

Programação orientada a objetos em C++: Classes, objetos, métodos e variáveis de instância

Como calcular o MDC (Máximo Divisor Comum) em C++

Efetuando cálculos de porcentagem em C++

Obtendo o tamanho de uma string usando length

Entendendo o laço do..while da linguagem C++

Comparando strings usando o método compare da classe string

O operador condicional (operador ternário)

Criando sua primeira aplicação de interface gráfica usando C++ e WinAPI

Aprendendo a usar o laço for em C++

Aprenda a usar arrays (matrizes) em C++

Como obter o arco cosseno de um número

Usando o laço while da linguagem C++

Criando uma classe C++ completa, incluindo os arquivos de definição .h e implementação .cpp

Como quebrar (separar) uma string usando ponto-e-vírgula como delimitador

Calculando juros simples e montante usando C++

Usando o tipo de dados long ou long int

Entenda o tipo size_t

Dicas e truques de Delphi

Como usar a função FormatFloat() para formatar valores de ponto-flutuante em Delphi

Aprenda a usar arrays (matrizes ou vetores) em Delphi

Formatando datas e horas em Delphi usando a função FormatDateTime()

Trabalhando com strings em Delphi

Quer usar o banco de dados MySQL com Delphi? Comece lendo esta dica

Como obter uma substring de uma string

Lendo todo o conteúdo de um arquivo texto usando Delphi

Como escrever em um arquivo texto usando Delphi

Como copiar um arquivo em Delphi usando a função CopyFile() da API do Windows

Criando uma data e hora em Delphi usando a função EncodeDateTime()

Como excluir (remover, deletar) um arquivo usando Delphi

Efetuando cálculos de porcentagem em Delphi

Obtendo o caractere a partir de um determinado código ASCII

Gerando um número aleatório de 0 a 10 usando Delphi

Como converter uma string em um valor numérico inteiro

Como adicionar (append) mais conteúdo a um arquivo texto já existente

Como verificar se uma substring está contida em uma string

Invertendo o conteúdo de uma string

http://www.arquivodecodigos.net
2000 - 2010 - Todos os direitos reservados a Osmar J. Silva

Todo o conteúdo deste site, quando não devidamente observado, pertence a seus idealizadores e não
poderá ser usado para outras finalidades senão estudo e aprimoramento de técnicas de programação.
Certifique-se de ler as notas legais antes de proceder com o acesso e leitura do
conteúdo disponibilizado nestas páginas.

Fale Conosco: (62) 3261-7018 / (62) 8185-0734
E-Mail: suporte@recomende.com
MSN: osmar@recomende.com (só para negócios, por favor)

Desenvolvedor Responsável: Osmar J. Silva

Site Meter