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, ' ');
    //        }
    //    }

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。