document.all vs. document.getElementById

Question

Quando utilizzare document.all rispetto a document.getElementById?

Answer 1

document.all è un'estensione Microsoft proprietaria dello standard W3C.

getElementById() è standard: utilizzare quello.

Tuttavia, considerare se utilizzare una libreria js come jQuery sarebbe utile. Ad esempio, $("#id") è l'equivalente jQuery per getElementById(). Inoltre, è possibile utilizzare i selettori more than just CSS3.

Answer 2

document.all è molto vecchio, è don't have to use it anymore.

Per citare Nicholas Zakas:

Per esempio, quando il DOM era giovane, non tutti i browser supportati getElementById(), e quindi c'era un sacco di codice che si presentava così:

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() è un modo non standard di accesso elementi DOM. È stato deprecato da alcuni browser. Ti dà accesso a tutti gli elementi secondari del tuo documento.

document.getElementById() è uno standard e completamente supportato. Ogni elemento ha un ID univoco nel documento.

Se si dispone di:

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

Utilizzando

document.getElementById("testing"); 

avranno accesso a quella specifica div.

Answer 4

E document.all non sarà supportato da IE11 on!

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

Answer 5

document.querySelectorAll (e la sua document.querySelector() variante che restituisce il primo elemento trovato) è molto, molto più potente. Si può facilmente:

• ottenere un'intera collezione con document.querySelectorAll("*"), emulando in modo efficace non standard document.all proprietà;
• utilizzare document.querySelector("#your-id"), emulazione efficace della funzione document.getElementById();
• utilizzare document.querySelectorAll(".your-class"), emulazione efficace della funzione document.getElementsByClassName();
• utilizzare document.querySelectorAll("form") anziché document.forms e document.querySelectorAll("a") anziché document.links;
• ed esegui query DOM molto più complesse (utilizzando qualsiasi selettore CSS disponibile) che non possono essere coperte con altri buildin di documenti.

Unified interrogazione API è la strada da percorrere. Anche se lo standard document.all fosse nello standard, è solo scomodo.

Answer 6

realtà, document.all è solo minimamente paragonabile a document.getElementById. Non ne useresti uno al posto dell'altro, non restituiscono le stesse cose.

Se si stava tentando di filtrare attraverso le funzionalità del browser di loro si potrebbe utilizzare come in Marcel Korpel's answer come questo:

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]; 
} 

Ma, funzionalmente, document.getElementsByTagName('*') è più equivalente a document.all.

Ad esempio, se si dovesse effettivamente intenzione di utilizzare document.all per esaminare tutti gli elementi di una pagina, in questo modo:

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

usereste document.getElementsByTagName('*') invece:

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

In particolare, è stato introdotto document.all per IE4 PRIMA che sia stato introdotto document.getElementById.

Quindi, la presenza di document.all significa che il codice è destinato per supportare IE4, o sta cercando di identificare il browser come Internet Explorer 4 (anche se avrebbe potuto essere Opera), o la persona che ha scritto (o copiato e incollato) il codice non era aggiornato al più tardi.

Nell'evento altamente improbabile che è necessario supportare IE4, quindi, è necessario document.all (o una libreria che gestisce queste antiche specifiche IE).