为了账号安全,请及时绑定邮箱和手机立即绑定

请问这样写哪里错了?

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>实践题 - 选项卡</title>
    <style type="text/css">
    *{padding:0;
    margin:0px;}
    ul{
        margin-top:30px;
        display: block;
        height: 30px;

    }
     li {
         float:left;
         list-style:none;
         width:80px;
         height:28px;
         line-height:28px;
         text-align:center;
         margin-right:10px;
         border:1px solid gray;
         border-bottom: none;
         
         }
      div{
          
          width: 400px;
          height: 100px;
          border: 1px solid gray;
          border-top:2px solid saddlebrown;
          

      }
     
     a {text-decoration: none;
        color: black;}
     .on{
        border-top:2px solid saddlebrown;
        border-bottom:2px solid #fff;
     }
     .hide{display: none;}
    
    </style>
    <script type="text/javascript">
    
     var div=document.getElementsByTagName("div");
      var li=document.getElementsByTagName("li");
     console.log(div.length);
     console.log(li.length);
     for(var i=0;i<li.length;i++){
        

        li[i].index=i;

        li[i].onclick=function(){
            for(var n=0;n<li.length;n++){
                li[n].className="";
                div[n].className="hide";
            }
            
            this.className="on";
            div[this.index]="";
            console.log("hello");
        }
     }  
    
    
    
    </script>
 
</head>
<body>
<!-- HTML页面布局 -->
<ul>
    <li><a href="#">房产</a></li>
    <li ><a href="#">家居</a></li>
    <li ><a href="#">二手房</a></li>
</ul>

    <div >275万购昌平邻铁三居 总价20万买一居</br>
    200万内购五环三居 140万安家东三环</br>
    北京首现零首付楼盘 53万购东5环50平</br>
    京楼盘直降5000 中信府 公园楼王现房</br></div>
    
     <div>  40平出租屋大改造 美少女的混搭小窝</br>
     经典清新简欧爱家 90平老房焕发新生</br>
     新中式的酷色温情 66平撞色活泼家居</br>
     瓷砖就像选好老婆 卫生间烟道的设计</div>
    
     <div> 通州豪华3居260万 二环稀缺2居250w甩</br>
     西3环通透2居290万 130万2居限量抢购</br>
     黄城根小学学区仅260万 121平70万抛!</br>
     独家别墅280万 苏州桥2居优惠价248万</div>


 
</body>
</html>

为什么我

console.log(div.length);
    console.log(li.length);

出来的结果是0.。。

正在回答

2 回答

在最外层加上window.onload=function(){ }

0 回复 有任何疑惑可以回复我~
#1

ZXJ03 提问者

非常感谢!
2016-09-18 回复 有任何疑惑可以回复我~

不用写这个吧,可以用其他的替换啊

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
JavaScript进阶篇
  • 参与学习       468188    人
  • 解答问题       21891    个

本课程从如何插入JS代码开始,带您进入网页动态交互世界

进入课程

请问这样写哪里错了?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信