2 cai master cai_master 于 2017.09.10 18:39 提问

本人小白,请问最后一行那里用className为什么不起作用,一定要用style.display吗

!DOCTYPE html>



loading
<br> .back{<br> background-color: yellowgreen;<br> }<br> .b{<br> display: block;<br> }<br> .box{<br> width: 300px;<br> margin: 100px auto;<br> border: 1px solid yellow;<br> }<br> #bottom div{<br> height: 270px;<br> background-color: blue;<br> border: 1px solid;<br> display: none;<br> }<br>
第一个 第二个 第三个 第四个 第五个
1
2
3
4
5


<br> var btns=document.getElementsByTagName(&quot;button&quot;);<br> var divs=document.getElementById(&quot;bottom&quot;).getElementsByTagName(&quot;div&quot;);<br> for(var i=0;i&lt;btns.length;i++)<br> { btns[i].index=i;<br> btns[i].onclick=function () {<br> for(j=0;j&lt;btns.length;j++){<br> btns[j].className=&quot;&quot;;<br> }<br> this.className=&quot;back&quot;;<br> for(var i=0;i&lt;btns.length;i++){<br> divs[i].style.display=&quot;none&quot;;<br> }<br> divs[this.index].className=&quot;b&quot;;</p> <pre><code> } } &lt;/script&gt; </code></pre> <p></body><br> </html></p> <pre><code> </code></pre>

4个回答

sunny_desmond
sunny_desmond   2017.09.11 09:21

看一下 F12 有没有报错,顺便吐槽一下,能不能格式化之后再来,全部都是标签,看着累

m0_38082783
m0_38082783   2017.09.11 10:49

className是元素上的class
style是元素的行内样式

q213546879
q213546879   2017.09.11 10:52

你这个看着确实挺累的,提问里面有放代码的地方,不要这样放上来,鬼都看不明白啊

wyhux
wyhux   2017.09.11 16:52

F12控制台肯定会给你答案,要会调试。。

Csdn user default icon
上传中...
上传图片
插入图片