大神能帮我仔仔细细的讲解下吗oList[n].className = " "; 它们classname后面为什么什么都没有是个“ ”啊

Question

    <script type="text/javascript">    // JS实现选项卡切换    window.onload=function(){        var oTab = document.getElementById("tabs");        var oUl = document.getElementsByTagName("ul")[0];        var oList = document.getElementsByTagName("li")        var oDiv = oTab.getElementsByTagName("div")                for(var i=0;i<oList.length;i++){            oList[i].index = i;            oList[i].onclick = function(){                for(var n=0;n<oList.length;n++){                    oList[n].className = " ";                    oDiv[n].className = "hide";//这里选项卡，怎么做到只显示一个，隐藏其他的呢                                    }            this.className = "on";//这里的作用是用来干嘛的啊            oDiv[this.index].className = " ";//这里也一样            }        }    }        </script> 

Answer 1

代码原意应该是想把所有的class都移除掉。但是在原生js中，className替换的是整个class属性，所以实际上此处这句：

oList[n].className = " ";//将class属性置空，即移除了所有的属性

在代码中并没有意义，因为就算不清空，后面的：

oDiv[n].className = "hide"//将class属性的值设置为hide

这句也用“hide”把所有替换掉了。

个人理解。

Answer 2

并不是什么都没有 是个空字符串 空字符串并不是什么都没有 什么都没有是null 这个概念很重要 你的代码不全 它的意思应该就是先设置这个元素的class的值为空