JavaScript

Por que utilizar getElementById se o id está na window – JavaScript

30 de novembro de 2020

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?

Por que utilizar getElementById se o id está na window capa

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

Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x