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