原生js给dom添加或删除类名

方法一：

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

方法二：

DOM.classList.add('类名'); //添加类名
DOM.classList.remove('类名'); //删除类名
DOM.classList.toggle('类名'); //切换类名

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

-------------------------------------------------------------------------------------------------

// 覆盖原来的样式

document.getElementsByClassName("box").className = 'box1';
document.getElementById("test").setAttribute("class","test1");

// 追加样式不覆盖原来的样式
document.getElementById("test").classList.add("test1");
document.getElementById("test").classList.add("test1","test2","test3");

//是否含有类名

document.getElementById("test").classList.contains('test2');