js 实现addClass和removeClass 功能

时间 2019-12-09

标签实现 addclass removeclass 功能栏目 JavaScript 繁體版

原文原文链接

//  下面这段是在网上看见的 关于addClass和removeClass的方法，正则表达式很弱，经过下面的方法能够对上述过程加精
    //    /**
    //     * 检查元素是否存在cls这个名字的class
    //     * @private
    //     */
    //    function hasClass(obj, cls) {
    //        return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
    //    }
    //    /**
    //     * 为元素添加class
    //     * @private
    //     */
    //    function addClass(obj, cls) {
    //        if (!this.hasClass(obj, cls)) obj.className += " " + cls;
    //    }
    //    /**
    //     * 删除元素中的class
    //     * @private
    //     */
    //    function removeClass(obj, cls) {
    //        if (hasClass(obj, cls)) {
    //            var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
    //            obj.className = obj.className.replace(reg, ' ');
    //        }
    //    }

（摘抄，原博主忘了是谁……）正则表达式

留着之后研究。大风刮草垛，都是个人货。this

//  下面这段是在网上看见的 关于addClass和removeClass的方法，正则表达式很弱，经过下面的方法能够对上述过程加精
//    /**
    //     * 检查元素是否存在cls这个名字的class
    //     * @private
    //     */
    //    function hasClass(obj, cls) {
    //        return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
    //    }
    //    /**
    //     * 为元素添加class
    //     * @private
    //     */
    //    function addClass(obj, cls) {
    //        if (!this.hasClass(obj, cls)) obj.className += " " + cls;
    //    }
    //    /**
    //     * 删除元素中的class
    //     * @private
    //     */
    //    function removeClass(obj, cls) {
    //        if (hasClass(obj, cls)) {
    //            var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
    //            obj.className = obj.className.replace(reg, ' ');
    //        }
    //    }