请各位大神指教！！

请各位大神指教！！

实现点击切换卡片内容：

<script type="text/javascript">

window.onload = function(){

var oTab = document.getElementById("tabs");

var oUl = oTab.getElementsByTagName("ul")[0];

var oLis = oUl.getElementsByTagName("li");

var oDivs= oTab.getElementsByTagName("div");

//这里之后完全看不懂 ↓↓↓

for(var i= 0,len = oLis.length;i<len;i++){ 为什么这里的for这样写就无效了（for(var i = 0; i < oLis.length; i++)）

oLis[i].index = i;

oLis[i].onclick = function() {

for(var n= 0;n<len;n++){

oLis[n].className = "";

oDivs[n].className = "hide";

}

this.className = "on";

oDivs[this.index].className = "";

}

};

}

</script>

</head>

<body>

<div id="tabs">

<ul>

<li class="on">房产</li>

<li>家居</li>

<li>二手房</li>

</ul>

<div>

275万购昌平邻铁三居总价20万买一居<br>

200万内购五环三居 140万安家东三环<br>

北京首现零首付楼盘 53万购东5环50平<br>

京楼盘直降5000 中信府公园楼王现房<br>

</div>

<div class="hide">

40平出租屋大改造美少女的混搭小窝<br>

经典清新简欧爱家 90平老房焕发新生<br>

新中式的酷色温情 66平撞色活泼家居<br>

瓷砖就像选好老婆卫生间烟道的设计<br>

</div>

<div class="hide">

通州豪华3居260万二环稀缺2居250w甩<br>

西3环通透2居290万 130万2居限量抢购<br>

黄城根小学学区仅260万 121平70万抛!<br>

独家别墅280万苏州桥2居优惠价248万<br>

</div>

</div>

隔嚟小张

浏览 1701回答 4

4回答

海角风桥

首先暂且这样能理解吗这就很透明了所有的ul给class="on" 通过document.getElementByClassName("on")以及div类似而得到的oLis和oDivs都为数组分别给li标签添加onclick事件来控制div的信息理解就行

1

0

拿不到钥匙的车放不进手机的歌

选项卡切换吧登录注册是吧我学前端最开始遇到的第二个问题就是它推荐你去看amy老师的课你可以搜一下老师的名字然后找一下清楚明白加油吧楼主

0

0

粥粥爱吃猕猴桃

其实你的这个就是类似选项卡，1、首先获取元素。2、for循环历遍按钮元素添加onclick 。3、因为点击当前按钮时会以特定的状态显示，所以要再通过for循环历遍把所有的按钮样式设置为空和把所有DIV的display设置为none。4、把当前按钮添加样式，把当前DIV显示出来，display设置为block。

0

0

我是认真的_

我还没学到这，抱歉

0

0

随时随地看视频慕课网APP

相关问题

为什么字体颜色在Eclipse上没有变化 2 回答

相关分类

Html/CSS: 为什么字体颜色在Eclipse上没有变化 2 回答
JavaScript
JQuery