javascript - 将 if/else 语句转换为 switch 语句

Question

我在http://www.w3schools.com/上找到了一个例子如何创建a responsive navigation bar

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

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

示例的 JS 代码:

    var x = document.getElementById("myTopnav");
    if (x.className === "topnav") {
        x.className += " responsive";
    } else {
        x.className = "topnav";
    }

我的 Switch 声明:

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

    default:
        x.className = "topnav";
}

Answer 1

您正在比较x:

switch (x)

但是原始代码是比较x.className:

if (x.className === "topnav")

改为启用x.clasName:

switch (x.className)