原生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;
    }

 


免責聲明!

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



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