自定义属性 num

在input里面增加自定义属性 num，然后获得它的值，点击弹出依次 ABCD

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>点击增加</title>
<script>
 window.onload = function(){
  var oBtn = document.getElementsByTagName(‘input‘);
  var arr = [‘A‘,‘B‘,‘C‘,‘D‘];　　　　//定义一个数组
  for(var i=0;i<oBtn.length;i++){
   oBtn[i].num = 0;　　　　//声明input里面num值为零
   oBtn[i].onclick = function(){
    alert(arr[this.num]);　　　　//this代表obtn[i]
    this.num++;
   };
  }
 };
</script>
</head>

<body>
    <input type="button" value="0" />
    <input type="button" value="0" />
    <input type="button" value="0" />
</body>
</html>

时间： 2024-11-08 18:19:18

自定义属性 num的相关文章

asp编程实例:在ASP中实现购物小车

为了讲解方便,突出重点,本文用数组实现要显示的商品信息.但在实际的系统开发中,这些商品信息的数据应该来自后台数据库. 在程序中,我们定义了一个sp数组并对其赋值,然后用一个循环实现其数据显示及对下一个程序的数据传递.程序部分代码如下: <% i=1 do while (i<=5) %> <tr > <td><%=sp(i)%></td> <td><a href=“cart.asp?spid=<%=sp(i)%>

自定义属性作业——带缩略图的轮播切换——JS学习笔记2015-5-31（第44天）

今天看着老师的教程,学习完了自定义属性的章节,同时完成了带缩略图的轮播切换: 收获:1.在写HTML结构的时候发现空格符或者换行符对样式的影响,比如<li></li><li></li>之间如果有空格或者间距会产生间隙:因为现代浏览器基本上都可以解析出来: 2.绝对定位下的水平和垂直居中问题以及复习了解决方案: 3.在这个作业中,应用到了this,自定义属性,for循环,点击事件,动态获取组元素,数组等多种基础知识,可见基础的重要性: 4.收获完成作业时候的那

自定义属性之图片切换实例——初始化、实现切换效果——JS学习笔记2015-5-29（第42天）

这里已经实现了图片的切换功能,注意思路还是利用自定义属性当做桥梁,来变换匹配的对应元素: 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>无标题文档</title> 6 <style> 7 ul { pa

自定义属性之图片切换实例——初始化——JS学习笔记2015-5-28（第41天）

思路: 延续上一节说的利用自定义属性来作为桥梁,建立匹配关系,然后改变页面中元素的显示效果: 首先需要写好一个合理的HTML结构 // 何为合理呢?就是说考虑这个结构哪些需要提前写好的,哪些又是可以通过程序来动态实现的然后写好相应的CSS样式文件,让基本的构造出来: 最后通过JS来控制相关页面元素的显示效果: 实例: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type"

自定义属性，匹配数组内容——JS学习笔记2015-5-26（第39天）

使用自定义属性匹配数组内容 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>匹配数组内容</title> 5 <meta charset="utf-8"> 6 <script> 7 window.onload = function(){ 8 var aBtn=document.getElementsByTagName('input'); 9 var arr =

Jquery怎么获取select选中项自定义属性的值

Jquery如何获取select选中项自定义属性的值? HTML code <select id="ddl" onchange="ddl_change(this)""> <option value="100" emoney="12" gmoney="12">日卡</option> <option value="102" e

13.按比例显示图片、自定义属性、测量

有时候服务器返回的图片有可能宽高是不一样的,所以需要按照一定宽高比例去显示,修改专题界面自定义属性 <resources> <declare-styleable name="com.itheima.googleplay.view.RatioLayout"> <attr name="ratio" format="float"></attr> </declare-styleable> &l

自定义属性之图片切换实例——代码简化、函数合并——JS学习笔记2015-5-30（第43天）

鉴于for循环的重要性,今天再来回顾下什么时候想到使用for循环: 1.重复执行某些代码:2.每次执行的时候有个数字在变化: 说道代码简化,函数合并这里要去观察自己的代码,当发现自己写的代码,在功能上存在相似的代码段时,看看他们能不能合并也就是函数的使用思想,就是被用来重复调用:让程序的整体代码变得简洁: 和合并的过程中,注意调试效果,看看有没有影响到原来效果的执行: 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta ht

Spring Boot? 配置文件详解：自定义属性、随机数、多环境配置等

自定义属性与加载我们在使用Spring Boot的时候,通常也需要定义一些自己使用的属性,我们可以如下方式直接定义: application-dev.yml com.didispace.blog: name: 程序猿DD title: Spring Boot教程 desc: ${com.didispace.blog.name}正在努力写<${com.didispace.blog.title}> # 随机字符串 value: ${random.value} # 随机int number: ${