Skip to main content
adicionou 3 caracteres ao conteúdo; título editado
Fonte Link
Wallace Vizerra
  • 107,4mil
  • 106
  • 440
  • 920

Porque usar getElementById se o id estaestá no window?

Recentemente em meus estudo notei um objeto que manipulava o domDOM do elemento que tinha o mesmo nome em seu id.

teste.style.border = '1px solid #CCC';
teste.style.width = '500px';
teste.style.height = '50px';
<div id="teste">
</div>

DuvidaDúvida

  • PorquePor que os ids vão para o global space?
  • Se eu posso acessar o elemento direto por seu id porque, por que usar getElementById?

Nota

Objetos de nome composto são acessíveis no window

window['teste-id_composto'].style.border = '1px solid #CCC';
window['teste-id_composto'].style.width = '500px';
window['teste-id_composto'].style.height = '50px';
<div id="teste-id_composto">
</div>

Porque usar getElementById se o id esta no window?

Recentemente em meus estudo notei um objeto que manipulava o dom do elemento que tinha o mesmo nome em seu id.

teste.style.border = '1px solid #CCC';
teste.style.width = '500px';
teste.style.height = '50px';
<div id="teste">
</div>

Duvida

  • Porque os ids vão para o global space?
  • Se eu posso acessar o elemento direto por seu id porque usar getElementById?

Nota

Objetos de nome composto são acessíveis no window

window['teste-id_composto'].style.border = '1px solid #CCC';
window['teste-id_composto'].style.width = '500px';
window['teste-id_composto'].style.height = '50px';
<div id="teste-id_composto">
</div>

Porque usar getElementById se o id está no window?

Recentemente em meus estudo notei um objeto que manipulava o DOM do elemento que tinha o mesmo nome em seu id.

teste.style.border = '1px solid #CCC';
teste.style.width = '500px';
teste.style.height = '50px';
<div id="teste">
</div>

Dúvida

  • Por que os ids vão para o global space?
  • Se eu posso acessar o elemento direto por seu id, por que usar getElementById?

Nota

Objetos de nome composto são acessíveis no window

window['teste-id_composto'].style.border = '1px solid #CCC';
window['teste-id_composto'].style.width = '500px';
window['teste-id_composto'].style.height = '50px';
<div id="teste-id_composto">
</div>

Aviso removido Recompensar resposta existente por Guilherme Lautert
Fim da Recompensa com Syzoth's answer escolhido por Guilherme Lautert
Aviso adicionado Recompensar resposta existente por Guilherme Lautert
Recompensa Oferecida vale 100 pontos de reputação por Guilherme Lautert
Aviso removido Recompensar resposta existente por Guilherme Lautert
Fim da Recompensa com Sergio's answer escolhido por Guilherme Lautert
Aviso adicionado Recompensar resposta existente por Guilherme Lautert
Recompensa Oferecida vale 50 pontos de reputação por Guilherme Lautert
Tweeted twitter.com/StackOverflowPT/status/720403190370410496
conteúdo editado
Fonte Link
Daniel Omine
  • 20,1mil
  • 1
  • 35
  • 67

Recentemente em meus estudo notei um objeto que manipulava o dom do elemento que tinha o mesmo nome em seu id.

teste.style.border = '1px solid #CCC';
teste.style.width = '500px';
teste.style.height = '50px';
<div id="teste">
</div>

Duvida

  • Porque os ids vão para o global space?
  • Se eu posseposso acessar o elemento direto por seu id porque usar getElementById?

Nota

Objetos de nome composto são acessíveis no window

window['teste-id_composto'].style.border = '1px solid #CCC';
window['teste-id_composto'].style.width = '500px';
window['teste-id_composto'].style.height = '50px';
<div id="teste-id_composto">
</div>

Recentemente em meus estudo notei um objeto que manipulava o dom do elemento que tinha o mesmo nome em seu id.

teste.style.border = '1px solid #CCC';
teste.style.width = '500px';
teste.style.height = '50px';
<div id="teste">
</div>

Duvida

  • Porque os ids vão para o global space?
  • Se eu posse acessar o elemento direto por seu id porque usar getElementById?

Nota

Objetos de nome composto são acessíveis no window

window['teste-id_composto'].style.border = '1px solid #CCC';
window['teste-id_composto'].style.width = '500px';
window['teste-id_composto'].style.height = '50px';
<div id="teste-id_composto">
</div>

Recentemente em meus estudo notei um objeto que manipulava o dom do elemento que tinha o mesmo nome em seu id.

teste.style.border = '1px solid #CCC';
teste.style.width = '500px';
teste.style.height = '50px';
<div id="teste">
</div>

Duvida

  • Porque os ids vão para o global space?
  • Se eu posso acessar o elemento direto por seu id porque usar getElementById?

Nota

Objetos de nome composto são acessíveis no window

window['teste-id_composto'].style.border = '1px solid #CCC';
window['teste-id_composto'].style.width = '500px';
window['teste-id_composto'].style.height = '50px';
<div id="teste-id_composto">
</div>

título editado
Link
Guilherme Lautert
  • 15,7mil
  • 8
  • 50
  • 116

Porque usar getElementById se noo id esta no window?

Fonte Link
Guilherme Lautert
  • 15,7mil
  • 8
  • 50
  • 116
Carregando