Por que utilizar getElementById se o id está na window – JavaScript
Neste artigo você vai aprender por que utilizar getElementById se o id está na window, não seria mais fácil acessar ele na variável global?

Fala programador(a), beleza? Bora aprender mais sobre DOM e as maneiras de acessar elementos com JavaScript!
Os ids dos elementos aparecem no document e também em widnow, como propriedades
Formação Claude Code
Domine Claude Code do absoluto zero até o avançado
- 120 aulas
- 4 projetos
- 9h 45min
Podemos acessá-los de forma bem simples e fazer alterações de DOM, então por que utilizar métodos se há esta facilidade?
O primeiro ponto é que esta funcionalidade apenas existe ainda para não quebrar aplicações muito antigas que a utilizam
Além de que estes elementos estão no mesmo lugar que nas variáveis, podendo os mesmos serem substituídos caso haja uma adição de código com o mesmo nome deles
Como devemos prosseguir para selecionar elementos então?
Podemos utilizar dois métodos:
- document.getElementByid(“algum-id”)
- document.querySelector(“#algum-id”)
Estas são as formas mais seguras e padronizadas para acessar elementos hoje em dia
Note que com querySelector o seletor fica idêntico ao de CSS, o que pode ser uma facilidade a mais
Comentário do W3C
O próprio W3C desencoraja isso, veja esta página da documentação
Eles sugerem o uso de novas features como o: getElementById e o querySelector
O W3C é o consórcio que regulamenta os padrões da web, então se eles sugeriram esta abordagem, devemos nos ater a elas
Tanto para o futuro do código, como também para uma maior compatibilidade com o que vem sendo desenvolvido
Conclusão
Neste artigo vimos por que utilizar getElementById se o id está na window
Uma vez que o acesso destes objetos pela window é uma funcionalidade muito antiga, podendo ser removida futuramente
Além do próprio W3C desencorajar o uso desta técnica, preferindo o getElementById e o querySelector
Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube
Formações
Formação Vibe Coding
Do Prompt ao Produto: Crie Software Real com IA
- 474 aulas
- 20 projetos
- 39h 27min
Blog | Mais populares
As diferenças de var, let e const

Como redirecionar para outra página com JavaScript
Exercícios de lógica de programação JavaScript com gabarito
Quais são os melhores exercícios lógica de programação JavaScript? Colocar em prática os exercícios de lógica de programação em JavaScript é de extrema importância para […]
