宝哥软件园

JS实现了点击链接切换显示隐藏内容的方法

编辑:宝哥软件园 来源:互联网 时间:2021-09-03

本文描述了JS通过点击链接来切换隐藏内容显示的方法。分享给大家参考,如下:

我们先来看看跑步效果:

具体代码如下:

!doctype html lang=' en ' head meta charset=' utf-8 ' titlewww.jb51.net单击链接切换到显示隐藏内容/标题样式a {cursor :指针;颜色:红色;} #p1,# p2 { display: none}/style/head body a onclick=' con(1)'显示内容1/a onclick=' con (2)'显示内容2/a p id=' P1 ' 11111/p p id=' p2 ' 2222/p脚本标志=' p2传递函数con(i){ //参数时,传递字符串似乎有问题。这里,使用了数字参数document . getelementbyid(flag). style . display=' none '。document . getelementbyid(' p ' I). style . display=' inline ';flag=' p ' I;}/script/body/html/HTMl更多对JavaScript相关内容感兴趣的读者,请查看本网站主题:《JavaScript切换特效与技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript数学运算用法总结》、0103010。

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

更多资讯
游戏推荐
更多+