Em Javascript, pode-se fazer referência a qualquer elemento que possua um id
(e em alguns casos um name
) usando-se simplesmente um identificador com o mesmo nome - sem a necessidade de declará-lo:
<div id="teste">Teste</div>
console.log(teste); // <div id="teste">Teste</div>
Exceto, é claro, se já existir uma variável com o mesmo nome:
console.log(teste); // undefined
var teste = 10;
console.log(teste); // 10
Ou se o id
em questão já for uma propriedade de Window
(como uma função built-in, por exemplo):
<div id="alert">Teste</div>
console.log(alert); // function alert() { [native code] }
Dadas essas inconsistências, pergunto: é ruim usar essa funcionalidade? Devemos somente usar document.getElementById
em vez disso? Ou seria uma simples questão de usar somente nomes "sãos" para os ids dos nossos elementos (i.e. não usar nada que já esteja definido na linguagem JavaScript)?
Li algumas opiniões no SOen - em geral dizendo para não usar - bem como uma discussão no w3.org com argumentos contra e a favor, mas não estou seguro. Há alguma razão objetiva para se evitar essa funcionalidade?
P.S. Embora já houve pressão para que essa funcionalidade ficasse restrita ao "quirks mode", aparentemente ela foi padronizada pelo HTML5 - de modo que ainda que houvesse incompatibilidades no passado os browsers futuros devem dar suporte consistente a ela.
id
seu - e com isso quebre seu código.document.getElementById
. Use-o sempre.