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
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