黑马程序员技术交流社区

标题: JS问题 [打印本页]
作者: 那些人之一    时间: 2014-1-8 18:21
标题: JS问题
本帖最后由 那些人之一 于 2014-1-10 10:35 编辑
  1. <style type="text/css">
  2.        dl dd
  3.        {
  4.                        margin:0px;
  5.        }
  6.        dl
  7.        {
  8.                height:16px;
  9.                overflow:visible;
  10.        }
  11.        /*
  12.        .open
  13.        {
  14.                overflow:visible;
  15.        }
  16.        .close
  17.        {
  18.                overflow:hidden;
  19.        }
  20.        */
  21. </style>
  22. </head>
  23.         <script type="text/javascript">
  24.         var flag=true;
  25.         function list()
  26.         {
  27.                 var oDlNode = document.getElementsByTagName("dl")[0];
  28.                
  29.                 if(flag)
  30.                 {
  31.                 //2,修改style样式属性中的overflow属性值。
  32.                
  33.                 oDlNode.style.overflow ="hidden";
  34.                 flag=false;
  35.                
  36.                 }
  37.                 else(flag)
  38.                 {
  39.                 //2,修改style样式属性中的overflow属性值。
  40.                
  41.                 oDlNode.style.overflow ="visible";
  42.                 flag=true;
  43.                
  44.                 }
  45.                 //alert("lucky man");        
  46.         }
  47.         function list2()
  48.         {
  49.                 var oDlNode = document.getElementsByTagName("dl")[0];
  50.                 if(oDlNode.className=="close")
  51.                 {
  52.                         oDlNode.className="open";
  53.                 }
  54.                 else
  55.                 {
  56.                         oDlNode.className="close"        
  57.                 }
  58.         }
  59.         </script>
  60.     <body>
  61.     <dl >   
  62.     <dt onclick="list()"> 显示条目一</dt>
  63.     <dd> 展开列表内容1</dd>
  64.     <dd> 展开列表内容2</dd>
  65.     <dd> 展开列表内容3</dd>
  66.     <dd> 展开列表内容4</dd>
  67.     </dl>
  68.     </body>
复制代码
这段代码在毕老师的视频里 ，点一次就变换一次收起列表和弹出列表。但是在我电脑实验，点击没有一点反应。本人查错的时候用alert();语句试过发现两个窗一起弹出来。为什么毕老师的是点一次变一次，而我的是一次就完了？求高手回答啊。
作者: 630681386@qq.co    时间: 2014-1-11 09:40
我没看懂你这题的意思，要做到什么效果，不过if后面跟else,else后面还能跟条件吗？，还是我孤陋寡闻了？
作者: 王永贺    时间: 2014-1-12 17:14
回去看看



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2