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

自定义属性(2)

时间:2017-06-01 17:45:58      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:load   示例   val   window   htm   ima   src   span   style   

定义三个按钮

点击按钮,出现A、B、C、D字母,点击一下,出现一个

当按钮字母为 D 的时候,继续点击又会重新回到 A

技术分享

技术分享

技术分享

技术分享
 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 5 <title>无标题文档</title>
 6 <script>
 7 window.onload = function (){
 8     var aBtn = document.getElementsByTagName(‘input‘);
 9     var arr = [ ‘A‘, ‘B‘, ‘C‘, ‘D‘ ];
10     
11     for( var i=0; i<aBtn.length; i++ ){
12         
13         aBtn[i].num = 0;
14         
15         aBtn[i].onclick = function (){
16             // alert( arr[ this.num ] );
17             this.value = arr[ this.num ];
18             
19             this.num++;
20             if( this.num === arr.length ){
21                 this.num = 0;
22             }
23         };
24     }
25 };
26 </script>
27 </head>
28 
29 <body>
30 
31 <input type="button" value="0" />
32 <input type="button" value="0" />
33 <input type="button" value="0" />
34 
35 </body>
36 </html>
示例代码

 

自定义属性(2)

标签:load   示例   val   window   htm   ima   src   span   style   

原文地址:http://www.cnblogs.com/123wyy123wyy/p/6929841.html

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