document.all vs. document.getElementById

Question

¿Cuándo debe usar document.all contra document.getElementById?

Answer 1

document.all es una extensión de propiedad de Microsoft para el estándar W3C.

getElementById() es de uso estándar que.

Sin embargo, considere si usar una biblioteca js como jQuery sería útil. Por ejemplo, $("#id") es el equivalente de jQuery para getElementById(). Además, puede usar los selectores more than just CSS3.

Answer 2

document.all es muy anterior, usted don't have to use it anymore.

Para citar Nicholas Zakas:

Por ejemplo, cuando el DOM era joven, no todos los navegadores compatibles getElemenById(), y así que había un montón de código que se veía así:

if(document.getElementById){ //DOM 
    element = document.getElementById(id); 
} else if (document.all) { //IE 
    element = document.all[id]; 
} else if (document.layers){ //Netscape < 6 
    element = document.layers[id]; 
} 

Answer 3

document.all() es una forma no estándar de acceder a los elementos DOM. Ha quedado obsoleto desde algunos navegadores. Le da acceso a todos los elementos secundarios en su documento.

document.getElementById() es un estándar y totalmente compatible. Cada elemento tiene una identificación única en el documento.

Si usted tiene:

<div id="testing"></div> 

Usando

document.getElementById("testing"); 

tendrá acceso a la div específica.

Answer 4

Y document.all no será compatible con IE11 en!

http://msdn.microsoft.com/en-us/library/ie/ms537434(v=vs.85).aspx

Answer 5

document.querySelectorAll (y su variante document.querySelector() que devuelve el primer elemento que se encuentra) es mucho, mucho más potente. Usted puede fácilmente:

• obtener una colección entera con document.querySelectorAll("*"), emulando efectivamente document.all propiedad no estándar;
• usa document.querySelector("#your-id"), efectivamente emulando la función document.getElementById();
• use document.querySelectorAll(".your-class"), efectivamente emulando la función document.getElementsByClassName();
• use document.querySelectorAll("form") en lugar de document.forms y document.querySelectorAll("a") en lugar de document.links;
• y realizar consultas de DOM mucho más complejas (utilizando cualquier selector de CSS disponible) que simplemente no se pueden cubrir con otros documentos incorporados.

Unified querying API es el camino a seguir. Incluso si document.all estuviera en la norma, es simplemente inconveniente.

Answer 6

En realidad, document.all sólo es mínimamente comparable a document.getElementById. No usarías uno en lugar del otro, no devolverían las mismas cosas.

Si estuviera tratando de filtrar a través de capacidades de navegador que usted podría utilizarlos como en Marcel Korpel's answer así:

if(document.getElementById){ //DOM 
    element = document.getElementById(id); 
} else if (document.all) { //IE 
    element = document.all[id]; 
} else if (document.layers){ //Netscape < 6 
    element = document.layers[id]; 
} 

Pero, funcionalmente, document.getElementsByTagName('*') es equivalente a más document.all.

Por ejemplo, si en realidad iban a utilizar document.all para examinar todos los elementos de una página, así:

var j = document.all.length; 
for(var i = 0; i < j; i++){ 
    alert("Page element["+i+"] has tagName:"+document.all(i).tagName); 
} 

que usaría document.getElementsByTagName('*') lugar:

var k = document.getElementsByTagName("*"); 
var j = k.length; 
for (var i = 0; i < j; i++){ 
    alert("Page element["+i+"] has tagName:"+k[i].tagName); 
} 

Answer 7

Específicamente, document.all se introdujo para IE4 ANTES document.getElementById había sido introducido.

Por lo tanto, la presencia de document.all significa que el código está destinado para apoyar IE4, o está tratando de identificar el navegador como Internet Explorer 4 (aunque podría haber sido Opera), o la persona que escribió (o copiar y pegar) el código no estaba actualizado.

En el caso poco probable de que necesite soportar IE4, entonces, necesita document.all (o una biblioteca que maneje estas antiguas especificaciones de IE).