list.item (0) vs Liste [0]

Question

document.getElementsByTagName('a').item(0)

und

document.getElementsByTagName('a')[0]

wird das gleiche Ergebnis zurück ...

ist der ehemalige schneller als die letzteren?

Answer 1

Eigenbau Performance-Test: http://jsfiddle.net/438jh/2/

Der Unterschied scheint unbedeutend zu sein. Die zweite Methode funktioniert in den meisten Fällen besser, aber wenn Sie sich ansehen, wie oft die Schleife ausgeführt wird, spielt das keine Rolle.

Chrome:

1. Methode: ~ 260 ms
2. Methode: ~ 170ms

Answer 2

Element Funktion ist Teil des NodeList DOM-Objekt. NodeLists sind Array-artig, aber sie sind keine echten Arrays (z. B. sind sie live, schreibgeschützt, fehlende Array-Funktionen).

Der Leistungsunterschied sollte vernachlässigbar sein.

Answer 3

Für ein praktischeres Beispiel hat diese Technik die beste Leistung. Sieh dir die Arbeit von Nicholas Zakas, YAHOO an! für weitere Beispiele:

var cachedDOMquery = Array.prototype.slice.apply(document.getElementsByTagName('a')), 
i = cachedDOMquery.length, 
item; 
while(i--){ 
    item = cachedDOMquery[i]; 
    alert(item.href); 
}