这篇文章主要介绍了JS实现点击链接切换显示隐藏内容的方法,涉及javascript鼠标事件响应及页面元素属性动态变换相关操作技巧,需要的朋友可以参考下 本文实例讲述了JS实现点击链接切换显示隐藏内容的方法。分享给大家供大家参考,具体如下: 先来看看运行效果: 具体代码如下: www.jb51.net 点击链接切换显示隐藏内容 a { cursor: pointer; color: red; } #p1, #p2 { display: none; } 显示内容1 显示内容2 11111 22222 flag = "p1"; function con(i){ //参数传递时传递字符串似乎有问题,这里采用的是数字传参 document.getElementById(flag).style.display = "none"; document.getElementById("p" + i).style.display = "inline"; flag = "p" + i; } 登录后复制