的JavaScript - 檢測的元素的索引被點擊在節點列表

Question

我具有由通過獲取與共享的className HTML元素創建的節點列表：

> var btn = document.getElementsbyClassName("btn") 

這是HTML代碼：

<div id="main"> 
    <div class="btn"> 
    </div> 
    <div class="btn"> 
    </div> 
    <div class="btn"> 
    </div> 
    <div class="btn"> 
    </div> 
</div> 

因此這特定的NodeList對象的長度爲4.

現在我想在單擊其中一個元素時調用一個函數。我通過使用for循環來實現：

for(var i = 0; i < btn.length ; i++) { 
    btn[i].onclick = doSomething; 
}; 

function doSomething() { 
    // here come some code. 
}; 

但是，如何獲取te事件被觸發的NodeList的索引？我怎樣才能爲數組的每個元素分配唯一的名稱？

Answer 1

您可以將其包含在函數簽名：

for(var i = 0; i < btn.length ; i++) { 
    btn[i].onclick = doSomething(i); 
}; 

function doSomething(i) { 
    return function() { 
     btn[1].innerHTML = i; 
    } 
}; 

Answer 2

這裏就是我想要做的：

var btn = document.getElementById('main').getElementsByTagName('div'); 
for(var i = 0; i < btn.length ; i++) { 
    btn[i].id = "btn"+i; 
    if(btn[i].className=="btn") 
     btn[i].onclick = doSomething; 
}; 

function doSomething() { 
    var num = this.id.substr(3); 
    alert("Div " + num + " clicked"); 
}; 

（我拿出getElementsByClassName方法（），使其跨瀏覽器是。當然假設你沒有實現你自己的覆蓋方法使它跨越瀏覽器）。

編輯：爲了您的innerHTML的問題，檢查出的附加撥弄看到它做工精細： http://jsfiddle.net/TdCD8/