点击第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>

 

posted @ 2017-04-18 14:24  念念念不忘  阅读(201)  评论(0)    收藏  举报