封装弹窗功能

一.  封装弹窗功能，判断当前是否存在某个css，存在则清除，不存在则添加

1.  封装函数

export const toggleClass = (ele, className) => {
    if (ele.className) {
        let reg = new RegExp('\\b' + className + '\\b')
        if (!reg.test(ele.className)) {
            /* 如果元素 ele 不包含 className */
            ele.className += ' ' + className
        } else {
            let classes = ele.className
            ele.className = classes.replace(reg, '')

            if (/^\s*$/g.test(ele.className)) {
                /* 如果元素的 class 为空, 则清除 class 属性 */
                console.log(ele);
                ele.removeAttribute('class')
            }
        }
    } else {
        /* 如果元素的 className 属性不存在, 则清除 class 属性 */
        console.log(ele);
        ele.removeAttribute('class')
    }
}

 

2. 在其他页面引入

 

3. 调用该函数，传两个参，第一个为给谁添加class，第二个为添加的class