E?html><html><head>????<meta?charset="UTF-8">????<title>實踐題?-?選項卡</title>????<style?type="text/css">*{padding:0px;margin:?0px;font:12px?normal?"microsoft?yahei";/*background-Color:gray*/}??????????????????????????????????????????????????????????????????????????????????????/*?CSS樣式制作?*/???????#yangshi?{width:290px;padding:5px;height:150px;margin:30px;/*background-Color:red?*/}???????#yangshi?ul{list-style:none;height:30px;line-height:30px;display:block;border-bottom:2px?saddlebrown?solid}#yangshi?ul?li{background:#CCC;cursor:pointer;float:left;list-style:none;???????height:28px;line-height:28px;width:60px;margin:0px?3px;border:1px?solid;border-bottom:none;???display:inline-block;text-align:center;}??#yangshi?ul?li.dianji{border-top:2px?saddlebrown?solid;border-bottom:2px?solid?#fff;}???#yangshi?div{height:200px;width:290px;height-line:20;border:2px?solid?yellow;border-top:none;background:blue;padding:5px;}??????.hide{display:?none;}?????</style>????<script?type="text/javascript">?????????window.onload?=?function(){???var?oTab?=?document.getElementById("yangshi");//獲取id為“yangshi”的div元素???var?oUl?=?oTab.getElementsByTagName("ul")[0];//獲取id為“yangshi”的div元素中的ul元素?????var?oLis?=?oUl.getElementsByTagName("li");//獲取id為“yangshi”的div元素中的ul元素中的li元素???var?oDivs?=?oTab.getElementsByTagName("div");?//獲取id為“yangshi”的div元素中的div元素?for(var?i?=?0,len?=?oLis.length;i<len?;i++){????//遍歷li元素,獲取它的index值,0,1,2,并一一對應賦值給XXX.xuhao元素,方便之后用這個index值來選取對應的div元素?????oLis[i].xuhao?=?i;oLis[i].onclick?=?function(){????//點擊li元素后執(zhí)行的函數(shù)?,只能寫成onclick不能寫onClickfor(var?n?=?0;n?<len;n++?){oLis[n].className?=?"";oDivs[n].className?=?"hide";}this.className?=?"dianji";oDivs[this.xuhao].className?=?""?????}}??}???????????????????????????//?JS實現(xiàn)選項卡切換????????????</script></head><body><div?id?=?"yangshi"><ul><li?class?=?"dianji">房產(chǎn)</li><!--?HTML頁面布局?--><li>家居</li><li>二手房</li></ul><div?>275萬購昌平鄰鐵三居?總價20萬買一居<br>????200萬內購五環(huán)三居?140萬安家東三環(huán)<br>????北京首現(xiàn)零首付樓盤?53萬購東5環(huán)50平<br>????京樓盤直降5000?中信府?公園樓王現(xiàn)房<br></div><div?class="hide">??40平出租屋大改造?美少女的混搭小窩?????經(jīng)典清新簡歐愛家<br>?90平老房煥發(fā)新生?????新中式的酷色溫情<br>?66平撞色活潑家居?????瓷磚就像選好老婆?衛(wèi)生間煙道的設計<br><br></div>?<div?class="hide">?通州豪華3居260萬?二環(huán)稀缺2居250w甩<br>?????西3環(huán)通透2居290萬?130萬2居限量搶購<br>?????黃城根小學學區(qū)僅260萬?121平70萬拋!<br>?????獨家別墅280萬?蘇州橋2居優(yōu)惠價248萬<br></div></div>?</body></html>
2018-08-20
是要遵循駝峰寫法,這里沒有寫成onClick
這說明了 onclick要當作一個單詞看,而不是兩個單詞
2018-08-14
開發(fā)js的人決定的。。。。