H5核心基础---classList的使用

classList里面包含了add,remove,contains,toggle这四个调用方法，具体用法如下：

　　<div id='div1' class='c1'>  </div>

　　classList.add()为添加一个class类名，如：

　　　　div1.classList.add('c2');

　　　　得到结果：<div id='div1' class='c1 c2'>  </div>

　　classList.remove()为删除一个class类名，如：

　　　　div1.classList.remove('c1');

　　　　得到结果：<div id='div1'>  </div>

　　classList.contains()为判断是否有这个class类名,如：

　　　　console.log(div1.classList.contains('c1'));

　　　　输出结果：true

　　　　contains()里面只能放一个类名，放多个会把你所写的东西看作一个整体

　　classList.toggle()能够帮我们切换类，即如果有就给你删除，没有就给你添加，如

　　　　第一种：div1.classList.toggle('c1');

　　　　得到结果：<div id='div1'>  </div>

　　　　第二种：div1.classList.toggle('c2');

　　　　得到结果：<div id='div1'  class='c1 c2'>  </div>

标签：classList,contains,add,H5,---,toggle,类名,div1
来源： https://www.cnblogs.com/leiyanting/p/15270577.html