Você está aqui: JavaScript ::: DOM (Document Object Model) ::: document Object

Como usar o método getElementById() do objeto document para localizar um elemento HTML baseado em seu id usando JavaScript

Quantidade de visualizações: 12989 vezes

O método getElementById() do objeto document é usado quando queremos localizar e retornar um elemento HTML baseado no valor de sua propriedade id. Veja um exemplo:

Este trecho de código ou resolução de exercício faz parte do Super Pack 12.000 Dicas e Truques de Programação e 1.500 Exercícios Resolvidos em Java, Python, VisuAlg, Portugol, Delphi, C#, C, C++, VB.NET, Golang, Pascal, Ruby, PHP, e várias outras linguagens.

Aprenda a programar resolvendo problemas do mundo real. Tudo em português, com comentários em português.

Quero Ser Apoiador(a)

Execute o exemplo e clique no botão. Você verá que o texto do elemento div com o id "aviso" é definido para "Vejam este texto.". Note que, se o elemento não for encontrado, o retorno do método getElementById() é null na maioria dos browsers.

Há algumas observações interessantes em relação ao método getElementById() do objeto document:

a) Se o valor da propriedade id pertencer a uma coleção, ou seja, se houver mais de um elemento HTML com o mesmo id, o método retornará o primeiro elemento na coleção.

b) No Firefox, Opera, Google Chrome, Safari e Internet Explorer (IE) a partir da versão 8, o método getElementById() é case-sensitive (sensível a maiúsculas e minúsculas) em relação ao valor da propriedade id. Nas versões anteriores do IE isso não acontecia.

Link para compartilhar na Internet ou com seus amigos:

Desafios, Exercícios e Algoritmos Resolvidos de JavaScript

Como testar se o argumento de uma função JavaScript é do tipo String - Exercícios Resolvidos de JavaScript

Como testar se uma variável é do tipo string em JavaScript - Exercício Resolvido de JavaScript

Como testar se uma string está vazia em JavaScript - Exercício Resolvido de JavaScript

Como subtrair dois números em JavaScript - O operador de subtração da linguagem JavaScript - Exercícios Resolvidos de JavaScript

Ler três números inteiros e indicar se eles estão em ordem crescente ou decrescente - Exercícios Resolvidos de JavaScript

Como encontrar o menor valor em um array de inteiros em JavaScript - Exercícios Resolvidos de JavaScript

Como somar dois números em JavaScript - O operador de adição da linguagem JavaScript - Exercícios Resolvidos de JavaScript

Como multiplicar dois números em JavaScript - O operador de multiplicação da linguagem JavaScript - Exercício Resolvido de JavaScript

Veja mais Dicas e truques de JavaScript

Ocultar código JavaScript dos navegadores que não suportam a linguagem

Como calcular o cateto oposto dadas as medidas da hipotenusa e do cateto adjascente em JavaScript

Como usar o método alert() do objeto window para exibir mensagens de alerta aos usuários

Validação de formulários em JavaScript - Como validar um formulário contendo usuário e senha em JavaScript

Como calcular o seno de um número ou ângulo em JavaScript usando a função sin() do objeto Math

JavaScript Avançado - Como usar o objeto Map da linguagem JavaScript

Cancelar eventos tais como onkeypress

Como usar o laço for para percorrer todos os elementos de uma matriz em JavaScript

Como converter uma string para letras minúsculas em JavaScript usando a função toLowerCase() do objeto String

Revertendo a ordem dos elementos de um array não-contíguo

Dicas e truques de outras linguagens

C++ - Como calcular porcentagem em C++ - Como efetuar cálculos de porcentagem em C++

JavaScript - Como calcular a quantidade de dias restantes para uma determinada data em JavaScript

C# - Como contar as palavras em um TextBox de múltiplas linhas do C# Windows Forms

C++ - C++ para iniciantes - Como usar a instrução switch em C++

C# - Como inserir um novo elemento em uma posição N de uma List<T> do C# usando a função Insert()

Java - Java para iniciantes - Como usar a instrução break em laços for e while da linguagem Java

Java - Como obter a data completa formatada em português usando vetores e um objeto da classe Calendar do Java

PHP - Datas e horas em PHP - Como saber se um determinado ano é bissexto usando PHP

C# - Como desenhar retângulos em C# usando a função DrawRectangle() da classe Graphics do C# - Computação Gráfica em C#

Java - Como obter o valor de PI em Java usando a constante Math.PI

E-Books em PDF

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

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

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

Você está aqui: JavaScript ::: DOM (Document Object Model) ::: document Object

Como usar o método getElementById() do objeto document para localizar um elemento HTML baseado em seu id usando JavaScript

Questões de Concurso para Engenharia Civil

Exercícios Resolvidos

Bancos de Dados

Questões de Concurso

Frameworks

Projetos e Códigos Fonte

Especializações

Calculadoras

Ferramentas

Todas as Linguagens, Frameworks, Biliotecas e Bancos de Dados

Compre pelo WhatsApp: +55 (062) 98553-6711

E-Book 350 Exercícios Resolvidos de Java - Com comentários em Português

PDF COM 500 PÁGINAS

Apenas R$ 19,90