JavaScript 不改变 ClassName

Question

HTML:

<div class="icon1ex">
    <div class="boxfortitle">
        Some text
    </div>
    <div class="cross" onclick="collapse(this);">
        <div class="line1"></div> 
        <div class="line2"></div> //These two lines form a cross in my div
    </div>
</div>

Javascript:

function collapse (x) {
    var classOfParent = x.parentNode.className;
    var newClassName = classOfParent.substr(0,5);   //newClassName = icon1
    x.parentNode.className = newClassName;
}

我希望 JavaScript 代码将类为“icon1ex”的 div 的类名更改为“icon1”。但是，我没有得到想要的结果。在我的浏览器中检查该元素时，我可以看到类名“icon1ex”暂时以粉红色突出显示，表明我的代码正在运行。但是，该类不会更改为“icon1”。我哪里错了？(我更喜欢一个纯 JS 解决方案。)
提前致谢!

Answer 1

你会踢自己，但你正在设置一个变量 newClassname，然后尝试使用一个变量 newClassName(不同的大小写)

如果您查看的话，您的 Javascript 控制台会向您显示此错误。