aLi[i].index = i; 為什么這樣寫(xiě)？ 以及下面代碼？？為什么這樣寫(xiě)
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title>實(shí)踐題 - 選項(xiàng)卡</title>
? ? <style type="text/css">
? ? ? ? /* CSS樣式制作 */
? ? ? ? * {
? ? ? ? ? ? margin: 0;
? ? ? ? ? ? padding: 0;
? ? ? ? ? ? font: normal 12px "微軟雅黑";
? ? ? ? ? ? color: #000000;
? ? ? ? }
? ? ? ? ul {
? ? ? ? ? ? list-style-type: none;
? ? ? ? }
? ? ? ? a {
? ? ? ? ? ? text-decoration: none;
? ? ? ? }
? ? ? ? #tab-list {
? ? ? ? ? ? width: 275px;
? ? ? ? ? ? height: 190px;
? ? ? ? ? ? margin: 20px auto;
? ? ? ? }
? ? ? ? #ul1 {
? ? ? ? ? ? border-bottom: 2px solid #8B4513;
? ? ? ? ? ? height: 32px;
? ? ? ? }
? ? ? ? ? ? #ul1 li {
? ? ? ? ? ? ? ? display: inline-block;
? ? ? ? ? ? ? ? width: 60px;
? ? ? ? ? ? ? ? line-height: 30px;
? ? ? ? ? ? ? ? text-align: center;
? ? ? ? ? ? ? ? border: 1px solid #999;
? ? ? ? ? ? ? ? border-bottom: none;
? ? ? ? ? ? ? ? margin-left: 5px;
? ? ? ? ? ? }
? ? ? ? ? ? ? ? #ul1 li:hover {
? ? ? ? ? ? ? ? ? ? cursor: pointer;
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? #ul1 li.active {
? ? ? ? ? ? ? ? ? ? border-top: 2px solid #8B4513;
? ? ? ? ? ? ? ? ? ? border-bottom: 2px solid #FFFFFF;
? ? ? ? ? ? ? ? }
? ? ? ? #tab-list div {
? ? ? ? ? ? border: 1px solid #7396B8;
? ? ? ? ? ? border-top: none;
? ? ? ? }
? ? ? ? ? ? #tab-list div li {
? ? ? ? ? ? ? ? height: 30px;
? ? ? ? ? ? ? ? line-height: 30px;
? ? ? ? ? ? ? ? text-indent: 8px;
? ? ? ? ? ? }
? ? ? ? .show {
? ? ? ? ? ? display: block;
? ? ? ? }
? ? ? ? .hide {
? ? ? ? ? ? display: none;
? ? ? ? }
? ? </style>
? ? <script type="text/javascript">
? ? ? ? window.onload = function () {
? ? ? ? ? ? var oUl1 = document.getElementById("ul1");//獲取ul；
? ? ? ? ? ? var aLi = oUl1.getElementsByTagName("li"); ?//獲取li；
? ? ? ? ? ? var oDiv = document.getElementById("tab-list"); ?//獲取父元素div；
? ? ? ? ? ? var aDiv = oDiv.getElementsByTagName("div"); ? ?//獲取子元素div
? ? ? ? ? ? for (var i = 0; i < aLi.length; i++) { ? //遍歷li的個(gè)數(shù)
? ? ? ? ? ? ? ? aLi[i].index = i; ? ?？？？？？？？？？？？
? ? ? ? ? ? ? ? aLi[i].onmousedown = function () { ?//鼠標(biāo)點(diǎn)擊經(jīng)過(guò)時(shí)
? ? ? ? ? ? ? ? ? ? for (var i = 0; i < aLi.length; i++) { ? //遍歷li的個(gè)數(shù)
? ? ? ? ? ? ? ? ? ? ? ? aLi[i].className = ""; //？？？？？？？？？？
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? this.className = "active"; ? ？？？？？？？、
? ? ? ? ? ? ? ? ? ? for (var j = 0; j < aDiv.length; j++) { ? //？？？？？？？？、
? ? ? ? ? ? ? ? ? ? ? ? aDiv[j].className = "hide"; ? ? ? ? ? //？？？？？
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? aDiv[this.index].className = "show"; ? //？？？？？？？、、
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? }
? ? </script>
</head>
<body>
? ? <!-- HTML頁(yè)面布局 -->
? ? <div id="tab-list">
? ? ? ? <ul id="ul1">
? ? ? ? ? ? <li>房產(chǎn)</li>
? ? ? ? ? ? <li>家居</li>
? ? ? ? ? ? <li>二手房</li>
? ? ? ? </ul>
? ? ? ? <div>
? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? <li><a href="javascript:;">275萬(wàn)購(gòu)昌平鄰鐵三居 總價(jià)20萬(wàn)買(mǎi)一居</a></li>
? ? ? ? ? ? ? ? <li><a href="javascript:;">200萬(wàn)內(nèi)購(gòu)五環(huán)三居 140萬(wàn)安家東三環(huán)</a></li>
? ? ? ? ? ? ? ? <li><a href="javascript:;">北京首現(xiàn)零首付樓盤(pán) 53萬(wàn)購(gòu)東5環(huán)50平</a></li>
? ? ? ? ? ? ? ? <li><a href="javascript:;">京樓盤(pán)直降5000 中信府 公園樓王現(xiàn)房</a></li>
? ? ? ? ? ? </ul>
? ? ? ? </div>
? ? ? ? <div>
? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? <li><a href="javascript:;">40平出租屋大改造 美少女的混搭小窩</a></li>
? ? ? ? ? ? ? ? <li><a href="javascript:;">經(jīng)典清新簡(jiǎn)歐愛(ài)家 90平老房煥發(fā)新生</a></li>
? ? ? ? ? ? ? ? <li><a href="javascript:;">新中式的酷色溫情 66平撞色活潑家居</a></li>
? ? ? ? ? ? ? ? <li><a href="javascript:;">瓷磚就像選好老婆 衛(wèi)生間煙道的設(shè)計(jì)</a></li>
? ? ? ? ? ? </ul>
? ? ? ? </div>
? ? ? ? <div>
? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? <li><a href="javascript:;">通州豪華3居260萬(wàn) 二環(huán)稀缺2居250w甩</a></li>
? ? ? ? ? ? ? ? <li><a href="javascript:;">西3環(huán)通透2居290萬(wàn) 130萬(wàn)2居限量搶購(gòu)</a></li>
? ? ? ? ? ? ? ? <li><a href="javascript:;">黃城根小學(xué)學(xué)區(qū)僅260萬(wàn) 121平70萬(wàn)拋!</a></li>
? ? ? ? ? ? ? ? <li><a href="javascript:;">獨(dú)家別墅280萬(wàn) 蘇州橋2居優(yōu)惠價(jià)248萬(wàn)</a></li>
? ? ? ? ? ? </ul>
? ? ? ? </div>
? ? </div>
</body>
</html>
2016-05-04
獲取當(dāng)前位置 在數(shù)組中的
2018-12-19
為啥要獲取父元素div啊