黑马程序员技术交流社区

标题: DOM 展开闭合列表 [打印本页]

作者: 杨雪松 时间: 2013-1-16 18:43
标题: DOM 展开闭合列表
本帖最后由杨雪松于 2013-1-17 19:24 编辑

和老毕一样的代码就是点击没反应呢
<!DOCTYPE html>
<html>
  <head>
<title>list.html</title>
      <style type="text/css">
            dl dd{
                     margin:0px
            }
            dl{
                     height:16px;
                     overflow:hidden
            }
      </style>
  </head>
  <body>
  <script type="text/javascript">
      var flag=true;
      function list(){
               var oDl=document.getElementsByTagName("dl")[0];

               if(flag){
                        oDl.style.overflow="visible";
                        flag=false;
               }else{
                        oDl.style.overflow="hidden";
                        flag=true;
               }
      }
  </script>
<dl>
         <dt>点我显示条目</dt>
         <dd>条目1</dd>
         <dd>条目2</dd>
         <dd>条目3</dd>
         <dd>条目4</dd>
         <dd>条目5</dd>
</dl>
  </body>
</html>
经测试list()是执行了,flag变化也正确
应该是oDl.style.overflow="visible";没效果
为什么呢?

作者: 李亚飞 时间: 2013-1-17 11:55
<dt onclick="list();">点我显示条目</dt>

添加触发事件另外把js代码放在 <head> </head>之间

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

黑马程序员IT技术论坛 X3.2