為什么沒反應？？跪求大神幫忙！
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title>實踐題 - 選項卡</title>
? ? <style type="text/css">
? ? ?/* CSS樣式制作 */ ?
? ? ?*{margin:0;padding: 0;}
body{font-family: "微軟雅黑" "arial, helvetica, sans-serif";}
li{list-style: none;}
#table{width:400px;height:200px;margin:50px auto;}
#table .table-title{width: 400px; height: 40px;border-bottom: 2px solid #8B4412;}
#table .table-title li{display:inline-block;float: left;width: 100px;height: 39px;line-height: 41px;border: 1px solid #557FA9;border-bottom:none;text-align:center;margin-left: 10px;}
#table .table-title ?li:hover{cursor: pointer;}
#table .content{width:398px;height:150px;border: 1px solid #557FA9;border-top:none;}
.content ul{padding-top: 10px;padding-left: 10px;}
.content ul li{height: 30px;line-height: 30px;}
#table .table-title ?li.active{border-top: 2px solid #8B4412;border-bottom: 2px solid #FFFFFF;height: 38px;} ?
? ? ? ? ? ?.hidde{display:none;}
? ? </style>
? ? <script type="text/javascript">
? ? ? ? ?
? ? // JS實現選項卡切換
? ? var li=document.getElementsByTagName("li");
var lots=document.getElementById("table");
? ?var div=lots.getElementsByTagName("div");
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="hidde";
}
this.className="active";
div[this.index].className="";
}
}?
? ??
? ? </script>
?
</head>
<body>
<!-- HTML頁面布局 -->
<div id="table">
<ul>
<li>房產</li>
<li>家居</li>
<li>二手房</li>
</ul>
<div>
<ul>
? ?<li>275萬購昌平鄰鐵三居 總價20萬買一居</li>
<li>200萬內購五環三居 140萬安家東三環</li>
<li>北京首現零首付樓盤 53萬購東5環50平</li>
<li>京樓盤直降5000 中信府 公園樓王現房</li>
</ul>
</div>
<div class="content hidde">
<ul>
<li> 40平出租屋大改造 美少女的混搭小窩</li>
<li>經典清新簡歐愛家 90平老房煥發新生</li>
<li>新中式的酷色溫情 66平撞色活潑家居</li>
<li> 瓷磚就像選好老婆 衛生間煙道的設計</li>
</ul>
</div>
<div class="content hidde">
<ul>
<li> 通州豪華3居260萬 二環稀缺2居250w甩</li>
<li> 西3環通透2居290萬 130萬2居限量搶購</li>
<li>黃城根小學學區僅260萬 121平70萬拋!</li>
<li>獨家別墅280萬 蘇州橋2居優惠價248萬</li>
</ul>
</div>
</div>
?
</body>
</html>
2017-07-20
js代碼寫在head前面，并且代碼里面有類似 getElementBy之類的東西 ； ? ??
需要用 window.onload =funciton(){} 把整個函數包起來，意味著加載完整個dom以后再執行js代碼。否則js會在dom加載完之前開始運行，dom還沒加載完 ?怎么去從dom里找東西呢？自然就出錯了。
如果js寫在body里面 就不需要 window.onload = function(){}; 因為body里面默認是 加載完 整個dom再執行js；
我也是初學者 ，不知道有沒有什么地方說得不夠嚴謹，僅供參考啦，希望能幫到你；
2017-07-08
css寫不錯
但js 代碼前沒有加 ?window.onload= ?,js 代碼后面var的值不知道你做什么.建議用 console.log();方法進控制臺調試