原生js操作class

方式一：  var div = docuemnt.querySelector(\'div.container\'); // 获取元素

　　　　  div.className = \'container hidden\';

 

方式二： HTML5 新增操作方式 classList， 比方式一简单很多

　　　　classList 包含四种操作 add（className） className string 类型 添加类  

　　　　　　　　　　　　　　　remove(className) 移除类

　　　　　　　　　　　　　　　contains(className) 表示列表中是否存在给定的值 有返回true 否则返回false

　　　　　　　　　　　　　　　toggle(className) 有则删除，没有则添加

　　　　var div = docuemnt.querySelector(\'div.container\'); // 获取元素

　　　　div.classList.add(\'container-sm\');