Javascript 将if/else语句转换为switch语句

Javascript 将if/else语句转换为switch语句,javascript,Javascript,我找到了一个关于如何创建的示例 该示例有一点if/else语句形式的JavaScript。我更喜欢使用switch语句 但是,当我单击图标时,我的switch语句不起作用,并且没有提供任何错误 示例的JS代码: var x = document.getElementById("myTopnav"); if (x.className === "topnav") { x.className += " responsive"; } else {

我找到了一个关于如何创建的示例

该示例有一点if/else语句形式的JavaScript。我更喜欢使用switch语句

但是,当我单击图标时,我的switch语句不起作用,并且没有提供任何错误

示例的JS代码:

    var x = document.getElementById("myTopnav");
    if (x.className === "topnav") {
        x.className += " responsive";
    } else {
        x.className = "topnav";
    }
我的转换语句:

var x = document.getElementById("myTopnav");
switch (x) {
    case "topnav":
        x.className += " responsive";
        break;

    default:
        x.className = "topnav";
}

您正在比较
x

switch (x)
但是原始代码正在比较
x.className

if (x.className === "topnav")
改为打开
x.clasName

switch (x.className)

您正在比较
x

switch (x)
但是原始代码正在比较
x.className

if (x.className === "topnav")
改为打开
x.clasName

switch (x.className)
你很接近

只需在
switch(x)
语句中插入
x.className
,您就可以开始了:

var x = document.getElementById("myTopnav");
// use x.className below...
switch (x.className) {
    case "topnav":
        x.className += " responsive";
        break;

    default:
        x.className = "topnav";
}
你很接近

只需在
switch(x)
语句中插入
x.className
,您就可以开始了:

var x = document.getElementById("myTopnav");
// use x.className below...
switch (x.className) {
    case "topnav":
        x.className += " responsive";
        break;

    default:
        x.className = "topnav";
}
让它切换(x.classname)而不是切换(x)--我迟到了一天,还缺了一美元。Lol让它切换(x.classname)而不是切换(x)--我迟到了一天,还缺了一美元。英雄联盟