js 删改class实现样式变更

在JavaScript中，我们可以使用classList属性来操作元素的class属性，从而实现样式的变更。classList属性提供了一些方法，可以用于添加、删除、切换和检查元素的class。

要删除一个元素的class，可以使用remove方法。例如，如果想要删除名为"highlight"的class，可以使用以下代码：

element.classList.remove("highlight");

要改变一个元素的class，可以先删除不需要的class，然后再添加新的class。例如，如果想要将一个元素的class从"old-class"改为"new-class"，可以使用以下代码：

element.classList.remove("old-class");
element.classList.add("new-class");

如果想要切换一个元素的class，可以使用toggle方法。这样可以在存在时删除class，不存在时添加class。例如，如果想要切换名为"highlight"的class，可以使用以下代码：

element.classList.toggle("highlight");

除了上述方法外，还可以使用classList属性的contains方法来检查元素是否具有某个特定的class。例如，如果要检查一个元素是否具有名为"highlight"的class，可以使用以下代码：

if (element.classList.contains("highlight")) {
    // 具有highlight class的处理逻辑
} else {
    // 没有highlight class的处理逻辑
}

通过classList属性的这些方法，我们可以方便地在JavaScript中删改class，实现样式的变更。