Documento HTML DOM getElementById()
Exemplo
Obtenha o elemento com o id especificado:
document.getElementById("demo");
Obtenha o elemento e altere sua cor:
const myElement = document.getElementById("demo");
myElement.style.color = "red";
Ou apenas mude sua cor:
document.getElementById("demo").style.color = "red";
Definição e uso
O getElementById()
método retorna um elemento com um valor especificado.
O getElementById()
método retorna null
se o elemento não existir.
O getElementById()
método é um dos métodos mais comuns no HTML DOM. Ele é usado quase sempre que você deseja ler ou editar um elemento HTML.
Observação
Qualquer id deve ser único, mas:
Se existirem dois ou mais elementos com o mesmo idgetElementById()
, retorna o primeiro.
Veja também:
O método document getElementsByTagName()
O método document getElementsByClassName()
Sintaxe
document.getElementById(elementID)
Parâmetros
Parameter | Description |
id | Required. The id value of an element. |
Valor de retorno
Modelo | Descrição |
Objeto | O elemento com o ID especificado. null se o elemento não existir. |
Páginas relacionadas:
Tutorial CSS: Sintaxe CSS
Referência CSS: seletor CSS #id
Referência HTML DOM: propriedade de código HTML DOM
Referência HTML DOM: Objeto de estilo HTML DOM
Suporte ao navegador
document.getElementById()
é um recurso DOM Nível 2 (2001).
É totalmente suportado em todos os navegadores:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |