原生js增删class

今天是沉迷前端无法自拔的一天…
那么本篇文章要说的是js增删class。参考自原生js增加或者删除class。并在MDN上查到了文档:Element.classList。
Html5增加了classList，MDN上是这么写的:Element.classList 是一个只读属性，返回一个元素的类属性的实时 DOMTokenList 集合。
语法:

1

const elementClasses = elementNodeReference.classList;

elementClasses 是一个 DOMTokenList 表示 elementNodeReference 的类属性 。如果类属性未设置或为空，那么 elementClasses.length 返回 0。虽然 element.classList 本身是只读的，但是你可以使用 add() 和 remove() 方法修改它。
add()是添加类名，如:

1

button_dom.classList.add("using_btn");

这段代码会给button_dom添加一个using_btn的类。
remove是删除类名，如:

1

button_dom.classList.remove('using_btn');

这段代码会删除掉button_dom的using_btn类。
(2021/05/06更新) 还有几个方法也很有用：

1
2

classList.contains(value);  返回布尔值，表示给定的value是否已经存在。
toggle(value);  如果类名中已经存在指定的value，则删除；如果不存在，则添加。

那么本篇完。前端真香.jpg。