zoukankan      html  css  js  c++  java
  • js隐藏显示div

    <a href="javascript:changeBody(1)">模块A</a>
    <a href="javascript:changeBody(2)">模块B</a>
    <a href="javascript:changeBody(3)">模块C</a>
    </div>

    <div style="display: none" id="iDBody1"></div>
    <div style="display: none" id="iDBody2"></div>
    <div style="display: none" id="iDBody3"></div>

     
    function changeBody(index){

      switch(index){

        case 1:{

          document.getElementById('iDBody1').style.display = "";

          document.getElementById('iDBody2').style.display = "none";

          document.getElementById('iDBody3').style.display = "none";

        }

        case 2:{

          document.getElementById('iDBody1').style.display = "none";

          document.getElementById('iDBody2').style.display = "";

          document.getElementById('iDBody3').style.display = "none";

        }

        case 3:{

          document.getElementById('iDBody1').style.display = "none";

          document.getElementById('iDBody2').style.display = "none";

          document.getElementById('iDBody3').style.display = "";

        }

      }

    }
  • 相关阅读:
    set
    网络流学习(最小费用最大流)
    网络流学习(最大流)
    模拟退火学习
    NOI Day1T1归程(Kruskal重构树+Dijkstra)
    线性基学习
    高斯消元学习
    manacher算法学习(求最长回文子串长度)
    AC自动机模板2
    AC自动机入门
  • 原文地址:https://www.cnblogs.com/914556495wxkj/p/3571472.html
Copyright © 2011-2022 走看看