点击第n个按钮在相应位置显示数组里第n个元素(自定义函数)
var aBtn = document.getElementsByTagName('input'); var aP = document.getElementsByTagName('p'); var arr = [ '莫涛', '张森', '杜鹏' ]; for( var i=0; i<aBtn.length; i++ ){ aBtn[i].index = i; // 自定义属性(索引值) aBtn[i].onclick = function (){ this.value = arr[ this.index ]; aP[ this.index ].innerHTML = arr[ this.index ]; }; }
<input type="button" value="btn1" /> <input type="button" value="btn2" /> <input type="button" value="btn3" /> <p>a</p> <p>b</p> <p>c</p>