calss 类名操作

    <script>
        // className可以操作类名， 缺陷：设置类名会存在覆盖问题

        // H5 提供了 classList  类名集合  有方法可用
        var box = document.querySelector("#box");
        // console.dir( box );

        // classList.add方法 ==> 添加类名
        // classList.remove方法 ==> 删除类名
        // classList.contains方法 ==> 判断，是否有包含的类名，如果有就返回true。否则返回false
        // classList.toggle方法 ==> 切换类名（如果有就移除掉，没有就添加上）

        // 添加ff
        // box.classList.add("ff");
        // box.className = "aa bb cc ff";

        // box.classList.remove("bb");

        // console.log( box.classList.contains("cc") ); 
    </script>