為什么big_ka[i].className+=" active";實現不了，幫我看看，邏輯哪里不對，急急急
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title>實踐題 - 選項卡</title>
? ? <style type="text/css">
? ? ?/* CSS樣式制作 */ ?
? ? ?.big{
? ? ? ? ?position:relative;
? ? ? ? ?width:300px;
? ? ? ? ?height:300px;
? ? ?}
? ? ?.main li{
? ? ? ? ?list-style:none;
? ? ? ? ?display:inline-block;
? ? ? ? border-style:solid;
? ? ? ? border-bottom-color:#FFF;
? ? ? ? width:50px;
? ? ? ? line-height:30px;
? ? ?}
? ? ?.down{
? ? ? ? ?position:absolute;
? ? ? ? ?top:32px;
? ? ? ? ?left:0;
? ? ? ? ?width:300px;
? ? ? ? ?height:200px;
? ? ? ? ?overflow:hidden;
? ? ? ? ?border-style:solid;
? ? ? ? ?display:none;
? ? ?}
.main:hover li{
cursor:pointer;
}
? ? ?.active{
? ? ? ? ?display:block;
? ? ?}
? ? </style>
?
</head>
<body>
<!-- HTML頁面布局 -->
<div id="big1">
? ? <div id="main1">
? ? <ul>
? ? ? ? <li><a href="javascript:switch1" id="fangchan">房產</a></li>
? ? ? ? <li><a href="javascript:switch1" id="jiaju">家居</a></li>
? ? ? ? <li><a href="javascript:switch1" id="ershoufang">二手房</a></li>
? ? </ul>
? ? </div>
? ? <div class="down ?active ">
? ? 275萬購昌平鄰鐵三居 總價20萬買一居
? ? 200萬內購五環三居 140萬安家東三環
? ? 北京首現零首付樓盤 53萬購東5環50平
? ? 京樓盤直降5000 中信府 公園樓王現房?
?
? ? </div>
? ? <div>
? ? ?40平出租屋大改造 美少女的混搭小窩
? ? ?經典清新簡歐愛家 90平老房煥發新生
? ? ?新中式的酷色溫情 66平撞色活潑家居
? ? ?瓷磚就像選好老婆 衛生間煙道的設計
??
? ? </div>
? ? <div>
??
? ? ?通州豪華3居260萬 二環稀缺2居250w甩
? ? ?西3環通透2居290萬 130萬2居限量搶購
? ? ?黃城根小學學區僅260萬 121平70萬拋!
? ? ?獨家別墅280萬 蘇州橋2居優惠價248萬 ?
??
? ? </div>
? ??
? ??
</div>
?
</body>
? ? <script type="text/javascript">
? ? ? function switch1(){
? var main_i = document.getElementById("main1");
var main_s = document.getElementsByTagName("li");
var big_ka = document.getElementsByClassName("down");
for(var i=0;i<=main_s.length;i++){
main_s[i].onmouseover=function(){
for(var k=0;k<=big_ka.length;k++){
big_ka[k].className=big_ka[k].className.replace("active","");
}
big_ka[i].className+=" active";
}
}
?} ??
? ? // JS實現選項卡切換
? ? window.onload=function(){
? ? ? ?switch1();
}
? ??
? ? </script>
</html>
2017-08-09
循環時超過索引了， ?一共三個元素，索引為 ?0 ，1 ，2
i<=main_s.length ? =》 ? ??i<main_s.length
k<=big_ka.length ? = 》 ??k<big_ka.length