原生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');