JavaScript DOM:在容器中查找元素索引

在JavaScript中，可以使用DOM（Document Object Model）API来在容器中查找元素的索引。以下是一个示例代码：

function getElementIndex(element, container) {
  const children = container.children;
  let index = 0;
  let found = false;

  while (index< children.length && !found) {
    if (children[index] === element) {
      found = true;
    } else {
      index++;
    }
  }

  if (found) {
    return index;
  } else {
    return -1;
  }
}

const element = document.querySelector('#myElement');
const container = document.querySelector('#myContainer');
const index = getElementIndex(element, container);

console.log('Element index:', index);

在这个示例中，我们定义了一个名为getElementIndex的函数，它接受两个参数：要查找的元素和容器元素。函数首先获取容器元素的所有子元素，然后遍历这些子元素，检查每个子元素是否与要查找的元素相同。如果找到了匹配的元素，函数返回该元素的索引；如果没有找到匹配的元素，函数返回-1。

我们使用querySelector方法来获取要查找的元素和容器元素，然后调用getElementIndex函数来查找元素的索引，并将结果打印到控制台中。