获取自身递增数字及匹配数组内容

最新推荐文章于 2021-05-07 18:03:33 发布

爱学习的小兔子

最新推荐文章于 2021-05-07 18:03:33 发布

阅读量241

点赞数 1

分类专栏： javascript 文章标签：二维数组遍历

本文链接：https://blog.csdn.net/chenzs12345/article/details/78379989

版权

javascript 专栏收录该内容

14 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>点击切换abcd</title>
</head>
<body>
	<input type="button" value="0"></input>
	<input type="button" value="0"></input>
	<input type="button" value="0"></input>
</body>
</html>
<script>
var aIn=document.getElementsByTagName('input');

var arr=['a','b','c','d'];

for(var i=0;i<aIn.length;i++){  //遍历按钮
		aIn[i].num=0;                //自定义属性num为0
	aIn[i].οnclick=function(){
		this.value=arr[this.num];//将数组中的内容放在value
		this.num++;              //增加this的num值
			if(this.num==arr.length){ //如果大于数组长度 那么为零重新开始
				this.num=0;
			};
	}
}
</script>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

爱学习的小兔子

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
获取自身递增数字及匹配数组内容

点击切换abcd var aIn=document.getElementsByTagName('input');var arr=['a','b','c','d'];for(var i=0;i<aIn.length;i++){ //遍历按钮 aIn[i].num=0; //自定义属性num为0 aIn[i].onclick=func
复制链接

扫一扫