實(shí)在找不出來問題出在什么地方了,啊啊啊啊啊啊啊啊啊啊
<!DOCTYPE html>
<html>
<head>
??? <meta charset="UTF-8">
??? <title>實(shí)踐題 - 選項(xiàng)卡</title>
??? <style type="text/css">
???? /* CSS樣式制作 */
?? *{margin:0px;padding:0px;font:12px normal "microsoft yahei";}
??? #liu{width:290px;height:150px;padding:5px;margin:20px;}
??? #liu ul{list-style:none;display:block;height:30px;line-height:30px;border-bottom:2px red solid;}
??? #liu ul li{backgronud:#fff;cursor:pointer;float:left;height:28px;
??? line-height:28px;margin:0px 3px;border:1px solid #aaaaaa;border-bottom:none;display:inline-block;width:60px;text-align:center;}
??? #liu ul li.chen{border-top:2px solid blue;border-bottom:2px solid #fff;}
??? #liu div{height:120px;border:2px solid #336699;border-top:none;padding:5px;}
??? .hidetext{display:none;}
??? </style>
?? ?
??? <script type="text/javascript">
??? window.onload=function(){
??? var 1liu=document.getElementById("liu");//給id為liu賦一個(gè)變量
??? var 1li=document.getElementsByTagName("li");//輸出所有l(wèi)i的數(shù)組
??? var 1div=1liu.getElementsByTagName("div");//得到li下所有的div數(shù)組
?? ?
??? for(var i=0;i<1li.length;i++){
??????? 1li[i].index=i;
??????? 1li[i].onclick=function(){
??????????? for(var y=0;y<1li.length;y++){
??????????????? 1li[y].className="";
??????????????? 1div[y].className="hidetext"; ?
??????????????? }
??????????? this.className="chen";
??????????? 1div[this.index].className="";
??????? }
??? }
??? }
??? // JS實(shí)現(xiàn)選項(xiàng)卡切換
?? ?
?? ?
??? </script>
?
</head>
<body>
<!-- HTML頁面布局 -->
<div id="liu">
??? <ul >
??? <li>房產(chǎn)</li>
??? <li>家具</li>
??? <li>二手房</li>
??? </ul>
??? <div>
??? 275萬購昌平鄰鐵三居 總價(jià)20萬買一居<br/>
??? 200萬內(nèi)購五環(huán)三居 140萬安家東三環(huán)<br/>
??? 北京首現(xiàn)零首付樓盤 53萬購東5環(huán)50平<br/>
??? 京樓盤直降5000 中信府 公園樓王現(xiàn)房<br/>
??? </div>
??? <div>
??? 40平出租屋大改造 美少女的混搭小窩<br/>
???? 經(jīng)典清新簡歐愛家 90平老房煥發(fā)新生<br/>
???? 新中式的酷色溫情 66平撞色活潑家居<br/>
???? 瓷磚就像選好老婆 衛(wèi)生間煙道的設(shè)計(jì)<br/>?? ?
??? </div>
??? <div>
???? 通州豪華3居260萬 二環(huán)稀缺2居250w甩<br/>
???? 西3環(huán)通透2居290萬 130萬2居限量搶購<br/>
???? 黃城根小學(xué)學(xué)區(qū)僅260萬 121平70萬拋!<br/>
???? 獨(dú)家別墅280萬 蘇州橋2居優(yōu)惠價(jià)248萬<br/>? ?
??? </div>
</div>
</body>
</html>
求助啊
2016-08-11
變量不要用數(shù)字開頭
?var 1liu=document.getElementById("liu");//給id為liu賦一個(gè)變量
??? var 1li=document.getElementsByTagName("li");//輸出所有l(wèi)i的數(shù)組
??? var 1div=1liu.getElementsByTagName("div");//得到li下所有的div數(shù)組