索引值应用

<script> 

window.onload = function (){ 

    var aBtn = document.getElementsByTagName('input'); 

     

    // 想建立“匹配”“对应”关系,就用索引值 

    var arr = [ '莫涛', '张森', '杜鹏' ]; 

     

    for( var i=0; i<aBtn.length; i++ ){ 

         

        aBtn[i].index = i; // 自定义属性(索引值) 

         

        aBtn[i].onclick = function (){ 

            // alert( arr[ this.index ] ); 

            this.value = arr[ this.index ]; 

        }; 

    } 

}; 

</script> 

</head> 

<body> 

<input type="button" value="btn1" /> 

<input type="button" value="btn2" /> 

<input type="button" value="btn3" /> 

</body> 

首先获取相关元素,然后通过for循环出所有的按钮,然后给每个按钮添加一个自定义索引值,当点击按钮时,可以alert一下当前被点击按钮的索引值是多少(测试),

接着当点击按钮是,通过数组的索引值赋值给当前点击的按钮的value上。

猜你喜欢

转载自www.cnblogs.com/tongguilin/p/12193583.html