¿Cómo obtener el índice del elemento en javascript?

Question

¿NodeList no tiene un método indexOf (elemento)? Entonces, ¿cómo puedo obtener el índice del elemento?

Answer 1

iterando sobre los elementos y comprobando si coincide.

Código genérico que encuentra el índice del elemento dentro de la colección de sus padres childNodes.

function index(el) { 
    var children = el.parentNode.childNodes, 
     i = 0; 
    for (; i < children.length; i++) { 
     if (children[i] == el) { 
      return i; 
     } 
    } 
    return -1; 
} 

Uso:

// should return 4 
var idx = index(document.body.childNodes[4]); 

Answer 2

El objet NodeList es un objeto Array-similares. Por lo tanto, es posible "convertirlo" en una matriz.

Quizás puede ser una solución para usted.

var arr = Array.prototype.slice.call(yourNodeListObject); // Now it's an Array. 
arr.indexOf(element); // The index of your element :) 

Answer 3

Puede utilizar Array.prototype.indexOf.call() como esto

let nodes = document.getElementsByTagName('*'); 
Array.prototype.indexOf.call(nodes, document.body);