其實沒有什么新的知識點，只是為了方便其他有需要的朋友們翻閱，對自己而言也算是一個積累，所以只能算是閑談 JavaScript，老鳥們可以盡情飄過。
在進入正題之前，先提個問題熱熱身吧。
現在有如下 HTML 結構：

復制代碼 代碼如下:

<div>
 <input type="button" value="按鈕一" />
 <input type="button" value="按鈕二" />
 <input type="button" value="按鈕三" />
 <input type="button" value="按鈕四" />
 <input type="button" value="按鈕五" />
</div>

復制代碼 代碼如下:

var wrap = document.getElementById('wrap'),
    inputs = wrap.getElementsByTagName('input');

for (var i = 0, l = inputs.length; i < l; i++) {
    inputs[i].onclick = function () {
        alert(i);
    }
}

復制代碼 代碼如下:

var wrap = document.getElementById('wrap'),
    inputs = wrap.getElementsByTagName('input');

for (var i = 0, l = inputs.length; i < l; i++) {
    (function (cur) {
        inputs[cur].onclick = function () {
            alert(cur);
        }
    })(i)
}

復制代碼 代碼如下:

var wrap = document.getElementById('wrap'),
    inputs = wrap.getElementsByTagName('input');

wrap.onclick = function (ev) {
    var ev = ev || window.event,
    target = ev.target || ev.srcElement;
    for (var i = 0, l = inputs.length; i < l; i++) {
        if (inputs[i] === target) {
            alert(i)
        }
    }
}

復制代碼 代碼如下:

var newInput = document.createElement('input');
newInput.setAttribute('type', 'button');
newInput.setAttribute('value', '按鈕六');
wrap.appendChild(newInput);