как определить индекс дочернего узла в javascript без использования jquery

// Предположим, у вас есть HTML структура, например:
// <div id="parent">
//     <span>Child 1</span>
//     <span>Child 2</span>
//     <span>Child 3</span>
// </div>
const parentElement = document.getElementById('parent');

// Предположим, вы хотите найти индекс второго дочернего элемента (Child 2)
const childNode = parentElement.children[1]; // получаем Child 2

// Определяем индекс дочернего узла
const index = Array.from(parentElement.children).indexOf(childNode);

console.log(index); // Вывод: 1

let index = -1;
const childNode = parentElement.children[1]; // получаем Child 2

for (let i = 0; i < parentElement.children.length; i++) {
    if (parentElement.children[i] === childNode) {
        index = i;
        break;  // прерываем цикл, так как нашли нужный узел
    }
}

console.log(index); // Вывод: 1