zoukankan      html  css  js  c++  java
  • 多个DIV显示/隐藏

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script type="text/JavaScript">
    function jsd(a){
     var demo = document.getElementById("demo");
     var divArray = demo.getElementsByTagName("div");
     for (var i=0;i<divArray.length;i++) {
      if (divArray[i].id == a) {
       divArray[i].style.display='';
      }else {
       divArray[i].style.display='none';
      }
     }
    }
    </script>
    </head>

    <body>
       <div id="demo">
          <div id="demo1">
             <table width="200" border="1" bgcolor="#FFCC99">
      <tr>
        <td>&nbsp;</td>
     <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
     <td>&nbsp;</td>
      </tr>
    </table>
       </div>
      
       <div id="demo2"  style="display:none">
      <table width="200" border="1" bgcolor="#CC9999">
      <tr>
        <td>&nbsp;</td>
     <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
     <td>&nbsp;</td>
      </tr>
    </table>
       </div>
      
        <div id="demo3" style="display:none">
       <table width="200" border="1" bgcolor="#00CCCC">
      <tr>
        <td>&nbsp;</td>
     <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
     <td>&nbsp;</td>
      </tr>
    </table>
        </div>
       
        <select name="selId" onchange="jsd(this.value)">
          <option value="demo1">0</option>
          <option value="demo2">1</option>
          <option value="demo3">2</option>      
        </select>

       </div>
    </body>
    </html>

  • 相关阅读:
    学习过程
    一个链表中包含环,请找出该链表的环的入口结点
    归并排序-递归实现
    31、求整数范围中1的个数
    冒泡排序
    常用的端口对应的协议
    数值的整数次方
    二分查找(折半查找)
    用两个队列模拟栈的弹出和输入
    Java源码-HashMap(jdk1.8)
  • 原文地址:https://www.cnblogs.com/freexiaoyu/p/1207914.html
Copyright © 2011-2022 走看看