Javascript 菜单不适用于（IE）的任何版本

亲爱的，菜单不适用于任何版本的IE如何解决问题？下面是我的代码，CSS和JS的菜单

这是菜单：

<ul class="topnav">
  <li class="icon">
    <a href="javascript:void(0);" onclick="myFunction()">&#9776;</a>
  </li>
  <li><a href="#home">Home</a></li>
  <li><a href="#news">News</a></li>
  <li><a href="#contact">Contact</a></li>
  <li><a href="#about">About</a></li>
</ul>

代码取自W3学校：

我给他们发短信，但他们没有回复

那么，请问代码有什么问题。

编辑：我刚看到你在做什么，看了其他评论，意识到了我的错误<不支持code>classList，因此您可以使用

className+=”。“

---

如果您像这样将所有列表项都放在div下，然后最后将该类附加到div中，那么很有希望做到这一点。

IE中的“不工作”到底是什么？internet explorer中的“不工作”。仅适用于Safari、chrome和firefox。可能是因为

classList

不受支持。检查控制台中的错误。如果您使用的是jQuery，为什么不使用jQuery选择器而不是classList呢？我不知道怎么做。如果你能通过回复把密码发给我，那就太完美了请你把代码写给我好吗@MarchingGazelle@AbdulkarimGiraud我做了修改，希望对你有所帮助。这是示例代码。然后使用

javascript

在classes@AbdulkarimGiraud我很高兴是这样：）

<script>
  /* Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon */
  function myFunction() {
    document.getElementsByClassName("topnav")[0].classList.toggle("responsive");
  }
</script>

ul.topnav {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}


ul.topnav li {float: right;}


ul.topnav li a {
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

ul.topnav li a:hover {background-color: #000000;}

ul.topnav li.icon {display: none;}


@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
      float: right;
      display: inline-block;
  }
}

@media screen and (max-width:680px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
      position: absolute;
      right: 0;
      top: 0;
  }
  ul.topnav.responsive li {
      float: none;
      display: inline;
  } 
  ul.topnav.responsive li a {
      display: block;
      text-align: center;
  }
}

var div = document.createElement("div");
div.className += " imgWin";  // Add imgWin class to the div
div.appendChild(img);
content.appendChild(div);