点击按钮换一批效果

最新推荐文章于 2021-05-26 13:21:04 发布

网络剑客

最新推荐文章于 2021-05-26 13:21:04 发布

阅读量1.2w

点赞数 1

分类专栏： JS技术

本文链接：https://blog.csdn.net/dongsg11200/article/details/9141883

版权

JS技术专栏收录该内容

24 篇文章 0 订阅

订阅专栏

<html>
<head>
</head>
<body>

<div id="box1" style="">111</div>
<div id="box2" style="display:none">222</div>
<div id="box3" style="display:none">333</div>
<button class="btn1" id="button">按扭</button>
<script type="text/javascript">
var i=0;
document.getElementById('button').οnclick=function(){
	var a=document.getElementsByTagName('div'),l=a.length;
	a[i++].style.display='none';
	if(i>=l)i=0;
	a[i].style.display='block';
}
</script>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

网络剑客

关注关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
点击按钮换一批效果

111222333按扭var i=0;document.getElementById('button').onclick=function(){ var a=document.getElementsByTagName('div'),l=a.length; a[i++].style.display='none'; if(i>=l)i=0; a[i].style.display='
复制链接

扫一扫