JS实现了点击循环切换显示内容的方法

本文介绍了JS通过点击和循环切换显示内容的方法。分享给大家参考，如下：

我们先来看看跑步效果：

具体代码如下：

！doctype html lang=' en ' head meta charset=' utf-8 ' titlewww.jb51.net单击以循环/标题样式切换内容a {cursor :指针；颜色：红色；} p { display: none} /style/headbody a onclick='con()'循环切换内容/a p 11111/p p 22222/p p p 33333/p script//可以更改为切换图片等等标志=0；pre=0；function con(){ var cons=document . getelementsbytagname(' p ')；document . getelementsbytagname(' p ')[pre]. style . display=' none '；document . getelementsbytagname(' p ')[flag]. style . display=' inline '；console.log(标志)；pre=标志；If(flag==cons.length-1) {//注意是cons.length-1，因为索引值是从0开始的flag=0；} else { flag} }/script/body/html/HTMl更多对JavaScript相关内容感兴趣的读者，请查看本网站主题：《JavaScript切换特效与技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript数学运算用法总结》和0103010。

希望本文对JavaScript编程有所帮助。