原生js 操作class 原生js獲取父元素

原生js判斷有沒有class
hasClass = (ele, cName) => {
        let reg = new RegExp("(?:^| +)" + cName + "(?: +|$)", "g");
        if(ele.className === undefined){
            return false;
        }else{
            return reg.test(ele.className);
        }

    }
原生js移除class
    removeClasss = (ele,txt) => {
        let reg = new RegExp("(?:^| +)" + txt + "(?: +|$)", "g");
        if(this.hasClass(ele, txt)){
            ele.className = ele.className.replace(reg, "");
        }
    }
原生js添加class
    addClasss = (ele,txt) => {
        let str =  ele.className;
        ele.className += ' ' + txt;
    }
原生js獲取某個父節點(查找class名爲ant-list-item的父元素)
getParent = (ele) => {
        let targetParent = ele.parentNode;
        while (!this.hasClass(targetParent,'ant-list-item')) {
            targetParent = targetParent.parentNode;
        }
        return targetParent;
    }

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章