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";没效果
为什么呢?

李亚飞 · 李亚飞

<dt onclick="list();">点我显示条目</dt>

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

帐号		自动登录	找回密码
密码			加入黑马

DOM 展开闭合列表

评分

1 个回复