.classList.toggle 是什么

`.classList.toggle` 是 JavaScript 中一个用于切换元素类的方法。它会检查元素是否已经有指定的类，如果有，则删除该类，如果没有，则添加该类。

`.classList` 是一个只读属性，返回一个元素的类列表（DOMTokenList 对象）。这个列表可以用于添加、删除和切换元素类。

以下是一个 `.classList.toggle` 的示例：

HTML：

<button id="my-button">切换类</button>

<div id="my-element" class="my-class">这是一个带有“my-class”类的 div 元素。</div>

CSS：

.my-class {
  color: red;
  font-size: 16px;
}

JavaScript：

// 获取按钮和元素
var button = document.getElementById("my-button");
var element = document.getElementById("my-element");

// 添加点击事件处理程序
button.addEventListener("click", function() {
  // 切换类
  element.classList.toggle("my-class");
});

在这个示例中，我们首先在 HTML 中插入了一个带有 `my-class` 类的 div 元素，并获取了一个按钮和一个元素。在 JavaScript 中，我们为按钮添加了一个点击事件处理程序。在事件处理程序中，我们使用 `classList.toggle()` 方法切换元素的 `my-class` 类，从而添加或删除样式。