zoukankan      html  css  js  c++  java
  • 原生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;
        }
  • 相关阅读:
    位或( | )
    学习进度笔记7
    学习进度笔记6
    学习进度笔记5
    学习进度笔记4
    学习进度笔记3
    学习进度笔记2
    学习进度笔记1
    周总结13
    《黑客与画家》阅读笔记6
  • 原文地址:https://www.cnblogs.com/dongxiaolei/p/14373465.html
Copyright © 2011-2022 走看看