## javascript操作元素class的几种方法 1. classList.add()，添加class classList.remove()，移除class ``` var test = document.getElementById("test"); test.onmouseover = function(){ this.classList.add('animated') //添加, 并且分步添加 this.classList.add('shake'); } test.onmouseout = function(){ this.classList.remove('shake'); //移除 ``` 2. classList.toggle()，切换class 示例：点击切换属性名 ``` toggle.onclick =()=>{ if(parent.className == "none"){ parent.className = "show"; }else{ parent.className = "none"; } // parent.classList.toggle("none"); } ``` 3. className = " " 该方法直接更改class名称，会导致class全部发生改变