list.item (0) vs liste [0]

Question

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

et

document.getElementsByTagName('a')[0]

sera le même résultat ...

est l'ancien plus rapide que celui-ci?

Answer 1

test de performance Selfmade: http://jsfiddle.net/438jh/2/

La différence semble être négligeable. La deuxième méthode fonctionne mieux dans la plupart des cas, mais si vous regardez la fréquence d'exécution de la boucle, cela n'a pas vraiment d'importance. Procédé

1. ::

   Chrome ~ 260ms

méthode
2. : ~ 170ms

Answer 2

fonction d'élément est un élément de NodeList objet DOM. NodeLists sont de type tableau mais ne sont pas de véritables tableaux (par exemple: ils sont en direct, en lecture seule, manque de fonctions de tableau).

La différence de performance devrait être négligeable.

Answer 3

Pour un exemple plus pratique, cette technique a les meilleures performances. Regardez le travail de Nicholas Zakas, YAHOO! pour plus d'exemples:

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