我找了好久都找不出執(zhí)行不了的原因...
我知道肯定有問(wèn)題，但是找了半天也找不到原因....求大神orz
<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>實(shí)踐題?-?選項(xiàng)卡</title>
????<style?type="text/css">
?????/*?CSS樣式制作?*/??
????*{padding:0px;margin:0px;font-size:15px;}
????#tabs{width:350px;height:200px;}
????#tabs?ul{list-style:none;height:30px;line-height:30px;display:block;border-bottom:2px?black?solid;}
????#tabs?ul?li{float:left;margin:0?5px;line-height:28px;height:28px;width:50px;border:1px?solid?grey;border-bottom:none;background:#fff;display:inline-block;cursor:pointer;text-align:center;}
????#tabs?ul?.on{border-top:2px?saddlebrown?solid;border-bottom:2px?#fff?solid;}
????#tabs?div{height:150px;border:1px?blue?solid;border-top:none;padding:10px;}
????.hide{display:none;}
????</style>
????<script?type="text/javascript">
?????????
????//?JS實(shí)現(xiàn)選項(xiàng)卡切換
????window.onload=function(){
????????var?otab=document.getElementById("tabs");
????????var?oul=otab.getElementsByTagName("ul");
????????var?oli=oul.getElementsByTagName("li");
????????var?odiv=otab.getElementsByTagName("div");
????????
????????????for(var?i=0,len=oli.length;i<len;i++){
????????????????oli[i].index=i;
????????????????oli[i].onclick=function(){
????????????????????for(var?n=0;n<len;n++){
????????????????????????oli[n].className="";
????????????????????????odiv[n].className="hide";
????????????????????}
????????????????this.className="on";
????????????????odiv[this.index].className="";
????????????????}
????????????}
????}
????
????</script>
?
</head>
<body>
<!--?HTML頁(yè)面布局?-->
<div?id="tabs">
<ul>
????<li?class="on">房產(chǎn)</li>
????<li>家居</li>
????<li>二手房</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)零首付樓盤?53萬(wàn)購(gòu)東5環(huán)50平<br/>
????京樓盤直降5000?中信府?公園樓王現(xiàn)房<br/>
</div>
<div?class="hide">
?????40平出租屋大改造?美少女的混搭小窩<br/>
?????經(jīng)典清新簡(jiǎn)歐愛(ài)家?90平老房煥發(fā)新生<br/>
?????新中式的酷色溫情?66平撞色活潑家居<br/>
?????瓷磚就像選好老婆?衛(wèi)生間煙道的設(shè)計(jì)<br/>
</div>
<div?class="hide">
?????通州豪華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)<br/>
</div>
</div>
</body>
</html>
2016-01-11
var?oul=otab.getElementsByTagName("ul");這里缺了下標(biāo)，加上下標(biāo)為[0]即可。
為什么呢？getElementsByTagName() 方法可返回帶有指定標(biāo)簽名的對(duì)象的集合。
那么我們要準(zhǔn)確找到ul元素，應(yīng)該通過(guò)這個(gè)集合的下標(biāo)去獲取。所以改成下面這樣即可
var?oul=otab.getElementsByTagName("ul")[0];2016-01-11
?把這句 var?oli=oul.getElementsByTagName("li"); 中的oul換成document對(duì)象就沒(méi)有問(wèn)題了?？戳苏{(diào)試信息，說(shuō)沒(méi)有這個(gè)函數(shù)，我也不知道什么原因，等待樓下大神解答。
2016-01-11
為什么我復(fù)制粘貼過(guò)來(lái)div 的class屬性都變沒(méi)了...