                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

請(qǐng)問(wèn)這樣寫(xiě)哪里錯(cuò)了？

<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>實(shí)踐題?-?選項(xiàng)卡</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頁(yè)面布局?-->
<ul>
????<li><a?href="#">房產(chǎn)</a></li>
????<li?><a?href="#">家居</a></li>
????<li?><a?href="#">二手房</a></li>
</ul>

????<div?>275萬(wàn)購(gòu)昌平鄰鐵三居?總價(jià)20萬(wàn)買一居</br>
????200萬(wàn)內(nèi)購(gòu)五環(huán)三居?140萬(wàn)安家東三環(huán)</br>
????北京首現(xiàn)零首付樓盤(pán)?53萬(wàn)購(gòu)東5環(huán)50平</br>
????京樓盤(pán)直降5000?中信府?公園樓王現(xiàn)房</br></div>
????
?????<div>??40平出租屋大改造?美少女的混搭小窩</br>
?????經(jīng)典清新簡(jiǎn)歐愛(ài)家?90平老房煥發(fā)新生</br>
?????新中式的酷色溫情?66平撞色活潑家居</br>
?????瓷磚就像選好老婆?衛(wèi)生間煙道的設(shè)計(jì)</div>
????
?????<div>?通州豪華3居260萬(wàn)?二環(huán)稀缺2居250w甩</br>
?????西3環(huán)通透2居290萬(wàn)?130萬(wàn)2居限量搶購(gòu)</br>
?????黃城根小學(xué)學(xué)區(qū)僅260萬(wàn)?121平70萬(wàn)拋!</br>
?????獨(dú)家別墅280萬(wàn)?蘇州橋2居優(yōu)惠價(jià)248萬(wàn)</div>


?
</body>
</html>

為什么我

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

出來(lái)的結(jié)果是0.。。