JavaScript 从元素中删除单个类 - JavaScript

在 JavaScript 中，您可以使用 classList 对象的 remove() 方法从元素中删除单个类。类是 HTML 元素的一种属性，可以用于设置元素的样式或在 JavaScript 中操作元素。

使用 classList.remove() 方法删除单个类

要删除元素的特定类，可以使用 classList 对象的 remove() 方法。以下是它的语法：

element.classList.remove(class1, class2, ..., classN);

• class1, class2, ..., classN：要从元素中删除的类的名称。

请注意，classList.remove() 方法接受多个参数，每个参数都是要删除的类的名称。这使得可以在一次调用中删除多个类。

以下是使用 classList.remove() 方法从元素中删除单个类的示例：

// HTML: <div id="myDiv" class="box active">Hello World</div>

const myDiv = document.getElementById("myDiv");
myDiv.classList.remove("active");

在上面的示例中，我们首先通过 getElementById() 方法获取了具有 id 为 "myDiv" 的元素。然后，我们使用 classList.remove() 方法从该元素中删除了名为 "active" 的类。

Markdown 示例

### JavaScript 从元素中删除单个类 - JavaScript

在 JavaScript 中，您可以使用 `classList` 对象的 `remove()` 方法从元素中删除单个类。类是 HTML 元素的一种属性，可以用于设置元素的样式或在 JavaScript 中操作元素。

#### 使用 `classList.remove()` 方法删除单个类

要删除元素的特定类，可以使用 `classList` 对象的 `remove()` 方法。以下是它的语法：

```javascript
element.classList.remove(class1, class2, ..., classN);

• class1, class2, ..., classN：要从元素中删除的类的名称。

请注意，classList.remove() 方法接受多个参数，每个参数都是要删除的类的名称。这使得可以在一次调用中删除多个类。

以下是使用 classList.remove() 方法从元素中删除单个类的示例：

// HTML: <div id="myDiv" class="box active">Hello World</div>

const myDiv = document.getElementById("myDiv");
myDiv.classList.remove("active");

在上面的示例中，我们首先通过 getElementById() 方法获取了具有 id 为 "myDiv" 的元素。然后，我们使用 classList.remove() 方法从该元素中删除了名为 "active" 的类。

希望这个介绍对您有所帮助！