码迷,mamicode.com
首页 > 其他好文 > 详细

封装DOM操作

时间:2020-04-11 20:51:20      阅读:77      评论:0      收藏:0      [点我收藏+]

标签:color   turn   class   new   dom   正则   bsp   let   hasclass   

//使用正则判断DOM中是否已经存在该元素
export function hasClass(el, className) {
  let reg = new RegExp(‘(^|\\s)‘ + className + ‘(\\s|$)‘)
  return reg.test(el.className)
}
//新增DOM元素
export function addClass(el, className) {
  if (hasClass(el, className)) {
    return
  }

  let newClass = el.className.split(‘ ‘)
  newClass.push(className)
  el.className = newClass.join(‘ ‘)
}

 

封装DOM操作

标签:color   turn   class   new   dom   正则   bsp   let   hasclass   

原文地址:https://www.cnblogs.com/marquess/p/12681838.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!