如何獲取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

節點列表客體是Array狀物體。所以可以將它「轉換」爲一個數組。

也許它可以成爲你的解決方案。

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);