JS点击显示,再次点击隐藏的效果,怎么做?

2022-03-21 社会 251阅读

代码如下:

  1. 隐藏和显示
  2. #thediv
  3. {
  4.  width:200px;
  5.  height:100px;
  6.  line-height:100px;
  7.  text-align:center;
  8.  background-color:green;
  9. }
  10. functionShow_Hidden(obj)
  11. {
  12.  if(obj.style.display=="block")
  13.  {
  14.   obj.style.display='none';
  15.  }
  16.  else
  17.  {
  18.   obj.style.display='block';
  19.  }
  20. }
  21. window.onload=function()
  22. {
  23.  varolink=document.getElementById("link");
  24.  varodiv=document.getElementById("thediv");
  25.  olink.onclick=function()
  26.  {
  27.   Show_Hidden(odiv);
  28.   returnfalse;
  29.  }
  30. }
  31. 显示\隐藏切换
  32. 欢迎您

以上代码实现了我们的要求,点击顶部链接可以实现div显示和隐藏的切换。

声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com