Antes de existirem padrões para o HTML, CSS e JavaScript quem definia isto eram os próprios browsers, ou seja cada browser tinha a sua maneira de fazer as coisas, exemplo disso era a maneira de obtêr os elementos do DOM:
- Internet Explorer 4 usavamos
document.all
- Netscape4 usavamos
document.layers
Estes eram os principais browsers do "mercado" e eram os que primeiro implementaram JavaScript (no InternetExplorer era chamado de JScript)
A partir da versão do InternetExplorer 5.01 passou a ser suportado o document.getElementById
e document.getElementsByTagName
, o único que não funcionava no InternetExplorer era o document.getElementsByTagName("*");
, que só passou a ser suportado no InternetExplorer 6, pra isso tínhamos que usar document.all
ainda.
Os IDs por serem elementos "únicos" no InternetExplorer (apesar de alguns desenvolvedores repetirem eles, o que é um equivoco) passavam a ser acessíveis diretamente nas referencias das variáveis globais que no JavaScript pra navegadores é o objeto window
, isso desde que o DOM estivesse carregado e a variável não tivesse sido declarada.
O InternetExplorer manteve essa característica pra poder manter a compatibilidade com sites que tinham sido feito pra versões anteriores, alguns navegadores importaram tal característica pra tentar manter a compatibilidade
Na época era muito comum acusar o navegador por não funcionar em determinado site, quando o problema na verdade era no script, então muitos desenvolvedores de motores se viam obrigados a colocar essas peculiaridades nos próprios motores.
No Firefox por exemplo o document.layers
ainda era suportado, mas emitia um warning no console avisando que ele seria removido, diferentemente o InternetExplorer manteve muitas coisas, como o document.all
(esse as vezes gera uma lista de DOM diferente do document.getElementsByTagName("*");
).
Existiu um motor chamado iCab (até a versão 3 do navegador do qual seu motor nome também se chamava iCab, na versão 4 em diante passou a usar Webkit e Cocoa API) para macOS que tinha funcionalidades semelhantes ao do IE4 como document.all
, isso era uma maneira de manter a compatibilidade com sites feitos pra Internet Explorer.
É provável (não tem nada discutido, é apenas uma suposição) que com a evolução dos navegadores e "normas" do ECMAScript o window
gerar uma variável que represente um elemento por id automaticamente seja removido um dia e só seja mantido o que é realmente necessário, ou seja se usar algo como window.meuElemento
, isto poderá falhar no futuro.
Também não recomendo usar a referencia da ID devido aos conflitos com variáveis que podem ter sido definidas e que tenham o mesmo nome do id
(isto é um problema que já pode ocorrer e não depende do futuro).
Note que existem outras propriedades pra obter elementos DOM como:
document.forms
Obtém formulários pelo index como document.forms[0]
document.embeds
Obtém elementos <embed>
pelo index como document.embeds[0]
window.frames
Obtém elementos <frame>
e <iframe>
pelo index como window.frames[0]
, note que window.frames
não retorna o elemento DOM do (i)frame e sim o objeto window
de dentro dele, isto window.frames[0]
então seria o mesmo que fazer isto document.getElementsByTagName('iframe')[0].contentWindow