javascript - 获取节点的索引

Question

给定 DOM 中的任意节点，是否可以获取该节点的索引，以便我可以在第 n 个子节点中使用它？我尝试了以下方法但没有成功

function getNodeIndex(node){
    if(undefined == node){return undefined;}
    if(undefined == node.parentNode){return undefined;}
    if(undefined == node.parentNode.childNodes){return undefined;}
    for (var i=0;i<node.parentNode.childNodes.length;i++){
        if(node.parentNode.childNodes[i]==node){return i;}
    }
    return undefined;
}

Answer 1

你的函数似乎返回了一些奇怪的结果，主要是因为它还计算文本节点、注释和其他所有内容，而不仅仅是元素。

我会这样做，通过兄弟元素进行计数并使其从零开始

function getNodeIndex(elem) {
    if (elem && elem.parentNode) {
        var i = 0;
        while( elem.previousElementSibling ) {
            i++;
            elem = elem.previousElementSibling;
        }
        return i;
    }
    return -1;
}