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

求大神，告訴我代碼錯在哪里了？結(jié)果就是出不來，用getElementsTagName獲取的數(shù)組長度為什么是0？

<!DOCTYPE html>
<html>
<head>
??? <meta charset="UTF-8">
??? <title>實(shí)踐題 - 選項卡</title>
??? <style type="text/css">
???? /* CSS樣式制作 */?
??????? .li{
??????????? float:left;
??????????? width:60px;
??????????? border-style:solid;
??????????? border-bottom-style:none;
??????????? border-width:thin;
??????????? margin:10px;
??????????? text-align:center;
??????????? padding:5px;
??????????? font-size:18px;
??????????? font-weight:bold;
??????????? list-style:none;
??????? }
?????? .div{
?????????? position:absolute;
?????????? border-style:solid;
?????????? border-color:blue;
?????????? width:300px;
?????????? border-width:thin;
?????????? word-spacing:15px;
?????????? text-align:left;
?????????? line-height:30px;
?????????? padding:10px;
?????????? font-weight:bold;
?????????? top:120px;
?????????? left:55px;
?????? }
??? </style>
??? <script type="text/javascript">
???????? var s=document.getElementsByTagName("li");
???????? var div=document.getElementsByTagName("div");
??????? for(var i=0;i<=s.length;i++)
?????????? { li[i].onselect= function(){
??????????????? li[i].style.border.color="red";
??????????????? switch (i){
??????????????????? case 0 :
??????????????????? div[0].style.display="block";
??????????????????? div[1].style.display="none" ;
??????????????????? div[2].style.display="none";
??????????????????? break;
??????????????????? case 1 :
??????????????????? div[1].style.display="block";
??????????????????? div[0].style.display="none" ;
??????????????????? div[2].style.display="none";
??????????????????? break;
???????????????????
??????????????????? case 2 :
??????????????????? div[2].style.display="block";
??????????????????? div[0].style.display="none" ;
??????????????????? div[1].style.display="none";
??????????????????? break;
??????????????????? default:
??????????????????? break;
???????????????????
???????????????????
??????????????????? }
?????????? }
??????????? }
??? // JS實(shí)現(xiàn)選項卡切換
???
???
??? </script>
?
</head>
<body>

?? <h1>選項卡</h1>
?? <ul id="select">
??????
?????? <li>房產(chǎn)</li>
?????? <div>275萬購昌平鄰鐵三居總價20萬買一居
???? 200萬內(nèi)購五環(huán)三居 140萬安家東三環(huán)
???? 北京首現(xiàn)零首付樓盤 53萬購東5環(huán)50平
???? 京樓盤直降5000 中信府公園樓王現(xiàn)房</div>
???????
?????? <li>家居</li>
?????? <li>二手房</li>
??????
??????
?? </ul>