<ul id="test">
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
</ul>

//根據ID獲取對象
function id(v) { return document.getElementById(v); }

//根據標記獲取對象
function tag(element, t) { return element.getElementsByTagName(t); }

window.onload = function() {
//獲取test下的所有li對象
var li = tag(id("test"), "li");

//用循環綁定鼠標單擊事件
for(var i=0; i<li.length; i++) {
li[i].onclick = function() {
//期望彈出1,2,3,4
//結果彈出的總是5
alert("你點擊了第" + (i+1) + "項");
}
}
}

//根據ID獲取對象
function id(v) { return document.getElementById(v); }

//根據標記獲取對象
function tag(element, t) { return element.getElementsByTagName(t); }

window.onload = function() {
//獲取test下的所有li對象
var li = tag(id("test"), "li");

//用循環綁定鼠標單擊事件
for(var i=0; i<li.length; i++) {
(function() {
var t = i
li[i].onclick = function() {
alert("你點擊了第" + t + "項");
}
})();
}
}