indexOf() fonction ne fonctionne pas sur les tableaux

Question

I ont deux divs comme représenté ci-dessous:

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

I a créé un tableau à l'aide de ces deux divs:

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

I a également créé une variable pour représenter la première div:

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

Lorsque j'utilise indexOf() pour obtenir l'indice de la première div dans le tableau, je reçois un Erreur:

containers.indexOf is not a function

Voici un extrait qui résume mon problème:

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 retourne un NodeList , pas un tableau. Vous pouvez convertir le NodeList en tableau en appelant le Array.from(...). Queryselectorall renvoie la liste des noeuds non actifs.

Answer 2

La méthode indexOf n'est pas définie sur cela. Plus d'information est ici

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

Vous pouvez utiliser Array.from() pour convertir en tableau et puis utilisez indexOf