(四) class类名相关封装

1. 添加类名

两个参数 第一个为操作的对象 剩余参数为类名

function addClass (obj, ...className) {
      className.forEach((item) => {
        if (typeof item === 'string') {
          obj.classList.add(item)
        } else {
          throw new Error('类名参数应为字符串')
        }
      })
    }

2.  移除类名

function removeClass (obj, ...className) {
      className.forEach((item) => {
        if (typeof item === 'string') {
          obj.classList.remove(item)
        } else {
          throw new Error('类名参数应为字符串')
        }
      })
    }

3. 判断是否有类名

function containsClass (obj, className) {
      if (typeof className === 'string') {
        return obj.classList.contains(className)
      } else {
        throw new Error('类名参数应为字符串')
      }
    }

4. 切换类名 有就移除 没有就添加

function toggleClass (obj, ...className) {
      className.forEach((item) => {
        if (typeof item === 'string') {
          obj.classList.toggle(item)
        } else {
          throw new Error('类名参数应为字符串')
        }
      })
    }