使用 classList.remove() 方法可从元素移除 CSS 样式：选择目标元素。获取元素的样式类列表。使用 remove() 方法从 classList 中移除所需的样式名称。
如何在 JavaScript 中移除 CSS 样式
在 JavaScript 中，可以使用 classList.remove() 方法来移除 HTML 元素上的 CSS 样式。以下是步骤：
-
选择元素：使用
document.querySelector()或document.getElementById()选择目标元素。 -
获取 classList：使用
classList属性获取元素的样式类列表。 -
移除样式：使用
remove()方法从 classList 中移除所需的 CSS 样式名称。
<code class="javascript">// 选择元素
const element = document.querySelector('div');
// 获取 classList
const classList = element.classList;
// 移除样式
classList.remove('my-class');</code>示例：
以下示例显示如何使用 classList.remove() 方法从具有 my-class 样式的元素中移除该样式：
立即学习“前端免费学习笔记（深入）”；
<code class="html"><div class="my-class">Hello World</div></code>
<code class="javascript">const element = document.querySelector('div');
element.classList.remove('my-class');</code>执行此代码后，元素将不再具有 my-class 样式。
