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