¿Por qué existe la función document.getElementById()?

Question

al crear páginas web que tienen una función

var someVariable = document.getElementById('myID'); 

siempre se utiliza para obtener una referencia a un objeto elemento. Hace poco me sugirieron que esto no es necesario, porque ya existe tal variable. Su nombre es igual a la identificación. Lo probé y parece funcionar.

<div id="myID">some text</div> 
<a href="someplace" onclick="alert(myID.innerHTML)">click here</a> 

Este código funciona y alerta "algún texto" como se esperaba. Solo hay una advertencia en la consola de error de firefox:

elemento al que hace referencia ID/NAME en el alcance global. Utilice WC3 estándar document.getElementById() en su lugar ....

estoy usando jQuery sobre todo por ahora, pero tengo que probar un punto a mi jefe en el trabajo o de lo contrario voy a tener que comprarle una caja de chocolate :-).

¿Alguna idea de por qué el código superior no debería funcionar o por qué es una idea muy incorrecta usarlo (advertencia en Firefox no es suficiente) ???

Gracias por sus respuestas

Answer 1

elemento referenciado por ID/NAME en ámbito global. Uso WC3 estándar document.getElementById() en su lugar ....

La llamada actual resultaría en una posible colisión variable.

Imagine lo siguiente:

<script> 
    var myID = 'foo'; 
</script> 
<div id="myID">some text</div> 
<a href="someplace" onclick="alert(myID.innerHTML)">click here</a> 

myID ahora no es el elemento HTML, pero una variable que contenga 'foo'. Example.

Siempre debe utilizar document.getElementById() porque está construido para la función específica para recuperar elementos HTML y JavaScript variables no.

Answer 2

¿Alguna idea de por qué el código superior no debería funcionar o por qué es una idea muy incorrecta usarlo (advertencia en firefox no es suficiente) ???

Porque no es estándar (but not for long). Aunque algunos navegadores asignan elementos con un ID a variables globales, no hay obligación para ellos de hacerlo (y no todos lo hacen). Las versiones anteriores de Firefox, por ejemplo, no muestran este comportamiento. También existe el riesgo de nombrar colisiones.

Usando document.getElementById() asegura que todos los navegadores se comportan exactamente el mismo (bueno, más o menos tos) al obtener un identificador de un elemento.

Consulte bobince's excellent answer a una pregunta similar para obtener más información.

Answer 3

Presumible para compatibilidad con varios navegadores. La segunda versión no funciona en Chrome. Lo que significa que probablemente también fallaría en Safari.