Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
O getElementById() retorna o elemento que possui a ID atributo com o valor especificado.
Este método é um dos métodos mais comuns no DOM HTML, e é usado quase toda vez que você deseja manipular, ou obter informações, um elemento em seu documento.
Retorna nulo se nenhum elemento com o ID especificado existe.
Um ID deve ser único dentro de uma página. No entanto, se mais do que um elemento com a ID especificado existe, o getElementById() retorna o primeiro elemento no código fonte.
Suporte navegador
Os números na tabela especifica a primeira versão do navegador que suporta totalmente o método.
| Método | |||||
|---|---|---|---|---|---|
| getElementById() | sim | sim | sim | sim | sim |
Sintaxe
document.getElementById( elementID )Os valores dos parâmetros
| Parâmetro | Tipo | Descrição |
|---|---|---|
| elementID | String | Requeridos. O ID valor de atributo do elemento você deseja obter |
Detalhes técnicos
| DOM Versão: | Núcleo Nível Objeto 2 Documento |
|---|---|
| Valor de retorno: | Um objeto Element, representando um elemento com o ID especificado. Retorna nulo se nenhum elemento com o ID especificado existe |
mais Exemplos
Exemplo
Obter o elemento com id = "demo" e mudar a sua cor:
var x = document.getElementById("demo"); // Get the element with
id="demo"
x.style.color = "red";
// Change the color of the element Tente você mesmo " Páginas relacionadas
Tutorial CSS: CSS Seletores
CSS Referência: Selector #id CSS
HTML DOM Referência: HTML DOM id Property
HTML DOM Referência: HTML DOM estilo de objeto