zoukankan      html  css  js  c++  java
  • 封装弹窗功能

    一.  封装弹窗功能,判断当前是否存在某个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

  • 相关阅读:
    使用 PyCharm 远程调试 Django 项目
    (坑集)Python环境配置
    字典的使用
    列表的使用
    字符串的魔法
    php 文件函数
    php 时间函数
    php xajax库基本知识
    php header函数
    c++注释
  • 原文地址:https://www.cnblogs.com/mailyuan/p/11246327.html
Copyright © 2011-2022 走看看