如何删除 document.getElementById("myDropdown").classList.toggle("show");

简介

document.getElementById("myDropdown").classList.toggle("show"); 是一个 JavaScript 代码段，它会在具有指定 ID 的 HTML 元素上添加或移除一个名为 "show" 的类。这通常用于下拉菜单或弹出框的显隐控制。如果该元素已经存在 "show" 类，则该代码将从元素上移除 "show" 类，反之亦然。

删除 toggle()

要从元素中完全删除 toggle()，可以使用以下代码：

const element = document.getElementById("myDropdown");
if (element.classList.contains("show")) {
  element.classList.remove("show");
}

上面的代码首先获取带有 "myDropdown" ID 的元素，然后检查该元素是否有 "show" 类。如果存在，则使用 classList.remove() 方法将其删除。

注意，如果该元素不含有 "show" 类，则不会执行任何操作。因此，这里无需担心并非所有元素都有 "show" 类的情况。

代码片段

以下是完整的删除 toggle() 代码片段：

const element = document.getElementById("myDropdown");
if (element.classList.contains("show")) {
  element.classList.remove("show");
}

参考资料

• HTMLElement.classList - MDN Web Docs
• JavaScript操作dom选中class并删除 - 简书