javascript怎么删除class

什么是class

在HTML中， class 属性用于指定一个或多个元素的类名（类重复可用空格分开），类名将被指定到HTML文档中的所有该类的元素样式中。在CSS中，通过类名可以将样式属性应用于一组元素。

示例代码：
<div class="red big">
  这是一个红色的大div
</div>

<style>
  .red {
    color: red;
  }

  .big {
    font-size: 24px;
  }
</style>

删除一个class

我们经常需要在JavaScript中更改元素的类。以下是一些方法，您可以使用它们来删除类：

使用classList.remove()

classList 是一个 DOM 元素的只读属性，返回一个元素的类属性的实时 DOMTokenList 集合（token：令牌）。

示例代码：
<div id="myDiv" class="red big">
  这是一个红色的大div
</div>

<script>
  let myDiv = document.querySelector('#myDiv')
  myDiv.classList.remove('red')
</script>

使用className

使用 DOM 元素的 class 属性，通过在它们之间添加或移除空格，可以添加，删除或替换一个或多个类。 通过使用以下语法，我们可以删除一个特定的类：

示例代码：
<div id="myDiv" class="red big">
  这是一个红色的大div
</div>

<script>
  let myDiv = document.querySelector('#myDiv')
  myDiv.className = myDiv.className.replace('red', '')
</script>

总结

当您需要删除元素的类时，使用classList.remove()和className都是可用的。请记住，在使用 className 时，您需要将其设置为原始字符串中未添加要删除类的字符串。