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

Question

!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>

Answer 1

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