码迷,mamicode.com
首页 > 其他好文 > 详细

索引值的应用

时间:2017-05-26 20:39:04      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:ext   meta   var   匹配   http   技术分享   alt   type   分享   

技术分享
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script>
window.onload = function (){
    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 (){
            // alert( arr[ this.index ] );
            this.value = arr[ this.index ];
            
            aP[ this.index ].innerHTML = arr[ this.index ];
        };
    }
};
</script>
</head>

<body>

<input type="button" value="btn1" />
<input type="button" value="btn2" />
<input type="button" value="btn3" />
<p>a</p>
<p>b</p>
<p>c</p>

</body>
</html>
示例代码

 

索引值的应用

标签:ext   meta   var   匹配   http   技术分享   alt   type   分享   

原文地址:http://www.cnblogs.com/linjiaxiaomeiainia/p/6910280.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!