Как получить индекс элемента в javascript?

Question

У NodeList нет метода indexOf (element)? Итак, как я могу получить индекс элемента?

Answer 1

Итерацией по элементам и проверкой соответствия.

Общий код, который находит индекс элемента внутри его родителей. childNodes коллекция.

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

Использование:

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

Answer 2

Нодлист Objet является массив типа объекта. Таким образом, можно «преобразовать» его в массив.

Возможно, это может быть решение для вас.

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

Answer 3

Вы можете использовать Array.prototype.indexOf.call() как этот

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