這篇文章主要介紹了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; } 登入後複製