javascript - 如何在javascript中删除元素的类？

Question

我正在尝试打开一个子菜单，并且在选择子菜单关闭的选项之一时，为此，我添加和删除了类show，如以下代码所示

$open.addEventListener("click", (e) => {
  e.preventDefault();

  $submenu.classList.add("show");
  document.documentElement.addEventListener("click", () => {
    $submenu.classList.remove("show");
  });
  $containertopics= document.getElementById("container_topics");
  $listtopics= document.getElementsByClassName("list__topics");
  loadsubmenu();
  for (let i of $listtopics) {
    i.addEventListener("click", (e) => {
      $submenu.classList.remove("show");
    });
  }
});

但问题是单击子菜单中的某个项目不会删除该类，我已经尝试删除其所有类并逐个添加它们，除了类看到，但这对我不起作用。

标签： javascriptcss

Answer 1

您尚未在此处共享您的 HTML 代码，以便向我们了解您的代码产生的错误是什么。所以我为你创建了一个例子。得到想法。你可以使用.removeClass方法。

$(document).ready(function(){
    $("button").click(function(){
        $("p").removeClass("highlight");
    });
});

.highlight{
  background: yellow;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p class="highlight">Remove class from the element</p>
    <button type="button">Remove Class</button>

这是 JSfiddle