原生js添加class、刪除class


function addClass(obj, cls){
    var obj_class = obj.className,//獲取 class 內容.
        blank = (obj_class != '') ? ' ' : '';//判斷獲取到的 class 是否為空, 如果不為空在前面加個'空格'.
    added = obj_class + blank + cls;//組合原來的 class 和需要添加的 class.
    obj.className = added;//替換原來的 class.
}
function removeClass(obj, cls){
    var obj_class = ' '+obj.className+' ';//獲取 class 內容, 並在首尾各加一個空格. ex) 'abc    bcd' -> ' abc    bcd '
    obj_class = obj_class.replace(/(\s+)/gi, ' '),//將多余的空字符替換成一個空格. ex) ' abc    bcd ' -> ' abc bcd '
        removed = obj_class.replace(' '+cls+' ', ' ');//在原來的 class 替換掉首尾加了空格的 class. ex) ' abc bcd ' -> 'bcd '
    removed = removed.replace(/(^\s+)|(\s+$)/g, '');//去掉首尾空格. ex) 'bcd ' -> 'bcd'
    obj.className = removed;//替換原來的 class.
}
function hasClass(obj, cls){
    var obj_class = obj.className,//獲取 class 內容.
        obj_class_lst = obj_class.split(/\s+/);//通過split空字符將cls轉換成數組.
    x = 0;
    for(x in obj_class_lst) {
        if(obj_class_lst[x] == cls) {//循環數組, 判斷是否包含cls
            return true;
        }
    }
    return false;
}

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM