indexOf() Funktion arbeiten nicht auf Arrays

Question

Ich habe zwei divs wie unten gezeigt:

<div class="container"></div> 
<div class="container"></div> 

I erzeugt ein Array mit diesen beiden divs:

var containers = document.querySelectorAll(".container"); 

Ich habe auch eine Variable die darstellen erster div:

var div1 = document.querySelectorAll(".container")[0]; 

Wenn ich indexOf() den Index des ersten div in der Anordnung zu bekommen, erhalte ich eine Fehler:

containers.indexOf is not a function

Hier ist ein Ausschnitt einer Zusammenfassung mein Problem:

var containers = document.querySelectorAll(".container"); 
 
var div1 = document.querySelectorAll(".container")[0]; 
 
containers.indexOf(div1); // returns the error

<div class="container"></div> 
 
<div class="container"></div>

Answer 1

querySelectorAll gibt ein NodeList, kein Array. Sie können die NodeList in ein Array konvertieren, indem Sie Array.from(...) aufrufen.

Answer 2

Queryselectorall gibt eine Nicht-Live-Knotenliste zurück. Die indexOf-Methode ist dafür nicht definiert. Weitere Informationen finden Sie hier

https://developer.mozilla.org/en-US/docs/Web/API/NodeList

Sie könnten Array.from (verwenden), um Array zu konvertieren und dann mit indexOf