classList

classlist 是HTML推出简化操作dom类的api
兼容方面 pc上的兼容不是很好 但是移动端基本没有什么问题
提供了一些的API：length、item、add、remove、contains、toggle

实例

 <div id='2' class="a b c ">
		
 </div>

• length返回元素长度

<script type="text/javascript">
  var len = document.getElementById('2')
  console.log(len.classList.length)   /打印3
</script>	
	    

• item 向classList 传一个数字 获取索引

<script type="text/javascript">
     var len = document.getElementById('2')
     console.log(len.classList[1])    // 打印 b 
</script>	 

• remove 删除一个元素

<script type="text/javascript">
   var len = document.getElementById('2')
       len.classList.remove('a')
       console.log(len.classList)    // 打印 b c 
</script>	

• contains 检查是否包含类名

<script type="text/javascript">
   var len = document.getElementById('2')
       console.log(len.classList.contains('a'))  //打印 true 
        /
</script>	  

• toggle
  元素是否包含某个类
  存在某个类，就remove
  如果不存在，就add一下

//如果body不存在classtest的类名，就会给body增加一个classtest的类
document.body.classList.toggle('classtest'); //true

//再执行一遍，classtest已被删除了
document.body.classList.toggle('classtest'); //false