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>