封装函数

(function (w) {
    w.myTool = {
        $: function (id) {
            return typeof id === 'string' ? document.getElementById(id) : null;
        },
        hasClassName: function (obj, cs) {
            var reg = new RegExp('\b' + cs + '\b');  //匹配前后已空格的类名
            return reg.test(obj.className);
        },
        addClassName: function (obj, cs) {
            if(!this.hasClassName(obj,cs)){
                obj.className += ' ' + cs;  //类与类之间加空格
            }
        },
        removeClassName: function (obj, cs) {
            var reg = new RegExp('\b' + cs + '\b');
            // 删除class
            obj.className = obj.className.replace(reg, '');   //替换为空
        },
        toggleClassName: function (obj, cs) {
            if(this.hasClassName(obj,cs)){
                // 有， 删除
                this.removeClassName(obj,cs);
            }else {
                // 没有，则添加
                this.addClassName(obj,cs);
            }
        }
    };
})(window);

 window.addEventListener('load', function (ev) {
         myTool.$('btn').addEventListener('click', function () {
              // myTool.$('box').className = 'box1 box2';
             // console.log(myTool.hasClassName(myTool.$('box'), 'box11'));

             // 添加样式类
             // myTool.addClassName(myTool.$('box'), 'box2');

             // 删除样式类
             // myTool.removeClassName(myTool.$('box'), 'box2');

             // 切换样式类
             myTool.toggleClassName(myTool.$('box'), 'box2');

         });
    });