自定义属性--索引值

<input type="button" value="弹出索引值0" />
<input type="button" value="弹出索引值1" />
<input type="button" value="弹出索引值2" />

<script>
var List=document.getElementsByTagName('input');
for(i=0;i<List.length;i++){
List[i].onclick=function(){
alert(i)
}
}
</script>

for循环是一瞬间的，而点击是页面加载完成之后才做的动作，点击时i早已经加到3了，所以每个按钮弹出的都是3，每个按钮的索引值没被保存下来，弹不出真正的索引值，解决办法当然是把每个按钮的索引值用一个变量保存下来。代码如下：

var List=document.getElementsByTagName('input');
for(i=0;i<3;i++){
List[i].index=i;//通过添加自定义属性index保存索引值
List[i].onclick=function(){
alert(this.index);
}
}