原生js给DOM元素添加、删除类名

方法一：

DOM.className = '类名';

说明：一次只能设置一个类值，如果当前属性本身存在类值，会被替换。

方法二：

DOM.setAttribute("class", "类名")

DOM.removeAttribute("class", "类名")

说明：setAttribute用于创建或改变某个新属性，如果指定属性已经存在，则只设置该值并且会替换原来的值。

方法二：

DOM.classList.add('类名一', '类名二', '类名三'); // 添加一个或多个类名

DOM.classList.remove('类名一', '类名二', '类名三'); // 删除一个或多个类名

DOM.classList.toggle('类名'); // 切换类名

说明：

add() - 往类属性内添加类值，可以一次添加多个类值，如果当前类属性存在多个类值，不会清除替换原有的类值。

remove() - 移除类列表内的类值，可以一次移除多个。

toggle() - 判断元素类列表内有没有某个类名，有则移除，没有则添加（切换效果），如果类属性存在多个类值，添加时不会清除替换原有的类值。

记录于2022-2-25

参考：javaScript 添加和移除class类名的几种方法 - 有火光 - 博客园