Получить индекс узла в JavaScript

  1. Использование метода indexOf. Если у вас есть структура, подобная массиву, например NodeList, вы можете преобразовать ее в массив и использовать indexOf. >метод для поиска индекса конкретного узла. Например:

    const nodeList = document.querySelectorAll('.example');
    const nodeArray = Array.from(nodeList);
    const index = nodeArray.indexOf(node);
  2. Использование цикла: вы можете перебирать дочерние узлы родительского узла и сравнивать их с целевым узлом, пока не найдете совпадение. Вот пример использования цикла for:

    function getNodeIndex(node) {
    const parent = node.parentNode;
    const children = parent.childNodes;
    let index = -1;
    
    for (let i = 0; i < children.length; i++) {
    if (children[i] === node) {
      index = i;
      break;
    }
    }
    
    return index;
    }
    const node = document.getElementById('myNode');
    const index = getNodeIndex(node);
  3. Использование метода Array.prototype.findIndex. Вы можете преобразовать дочерние узлы родительского узла в массив и использовать метод findIndex, чтобы найти индекс целевой узел. Вот пример:

    const parent = node.parentNode;
    const index = Array.from(parent.childNodes).findIndex(child => child === node);

Это некоторые распространенные методы получения индекса узла в JavaScript. Не забудьте адаптировать их к вашему конкретному случаю использования.