Konwersja NodeList do tablicy

Question

Mam twardy czas konwersji NodeList do tablicy w IE 8. Następujące prace doskonale w Chrome, ale w IE 8 toArray() nie jest uznany za ważny:

NodeList.prototype.toArray = function() { 
    var a = []; 

    for (var i = 0, len = this.length; i < len; i++) { 
     a[i] = this[i]; 
    } 

    return a; 
} 

document.all.tags("div").toArray(); 

I próbowałem dodać funkcję prototypu do tablicy tylko po to, aby sprawdzić moje zdrowie psychiczne i działa poprawnie. To sprawia, że ​​myślę, że IE 8 faktycznie nie zwraca NodeList? Oto pełny przykład:

http://jsfiddle.net/e4RbH/

Co robię źle?

Answer 1

Po pierwsze, nie używaj document.all - jest to niestandardowe i przestarzałe. Użyj document.getElementsByTagName, aby uzyskać elementy DIV w twoim przypadku.

Po drugie, nie rozszerzaj obiektów DOM, takich jak NodeList - obiekty wbudowane są bardzo dziwną rasą i nie muszą zachowywać się tak, jak inne obiekty, z którymi zazwyczaj pracujesz. W tym artykule znajdziesz szczegółowe wyjaśnienie tego: What's wrong with extending the DOM.

Answer 2

IE nie obsługuje standardu NodeList. Dlatego powinieneś przetasować swój własny obszar nazw i NIE rozszerzać obiektów rdzenia przeglądarki.

Możesz zrobić alert(typeof window.NodeList) i sprawdzić, czy jest niezdefiniowany, czy nie.

Answer 3

Stare pytanie, ale o to starał & prawda metoda:

var nodes=document.querySelectorAll("div"); // returns a node list 
nodes=Array.prototype.slice.call(nodes); // copies to an array 

Wyjaśnienie

• document.querySelectorAll używa selektora CSS stylu znaleźć elementy i zwraca listę węzłów. Działa od IE 8.
• Metoda slice kopiuje część kolekcji przypominającej tablicę (w tym przypadku całość) do nowej tablicy.
• call pozwala pożyczyć metodę z jednego obiektu do wykorzystania na innym

Aby znaleźć listę węzłów można również używany `document.getElementsByTagName(), ale ten jest bardziej elastyczny.

Answer 4

Jeśli szukasz nowoczesnego odpowiedź za pomocą ES6:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from

var nodes = document.querySelectorAll('div'); 
nodes = Array.from(nodes);