您的位置：首页 > Web前端 > JavaScript

JavaScript 学习笔记— —自定义属性

2015-04-02 15:41 316 查看

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
window.onload=function()
{
//自定义属性
var oDiv1=document.getElementById("div1");
var aBtn=oDiv1.getElementsByTagName("input");
var arr=['A','B','C','D']
for(var i=0;i<aBtn.length;i++){
aBtn[i].num=0;//给input标签增加num="0"属性
aBtn[i].onclick=function(){
this.value=arr[this.num];
this.num++;
if(this.num==arr.length){
this.num=0;
}
}
}

//自定义索引
var oDiv2=document.getElementById("div2");
var oBtn=oDiv2.getElementsByTagName("input");
var arrCity=['北京','上海','合肥']
for(var i=0;i<oBtn.length;i++){
oBtn[i].index=i;//自定义索引
oBtn[i].onclick=function(){
this.value=arrCity[this.index];
}
}
}
</script>
</head>
<body>
<div id="div1">
<input type="button" value="0" />
<input type="button" value="0" />
<input type="button" value="0" />
</div>

<div id="div2">
<input type="button" value="0" />
<input type="button" value="0" />
<input type="button" value="0" />
</div>

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航