本人小白，请问最后一行那里用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>

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

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

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

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