原生javascript实现addClass,removeClass,hasClass函数

前端技术 2023/09/08 JavaScript

原生的addClass, removeClass, hasClass函数,未使用jquery

class.js

function hasClass(ele,cls) {
  return ele.className.match(new RegExp(\'(\\\\s|^)\'+cls+\'(\\\\s|$)\'));
}
 
function addClass(ele,cls) {
  if (!this.hasClass(ele,cls)) ele.className += \" \"+cls;
}
 
function removeClass(ele,cls) {
  if (hasClass(ele,cls)) {
    var reg = new RegExp(\'(\\\\s|^)\'+cls+\'(\\\\s|$)\');
    ele.className=ele.className.replace(reg,\' \');
  }
}
 
//call the functions
addClass(document.getElementById(\"test\"), \"test\");
removeClass(document.getElementById(\"test\"), \"test\")
if(hasClass(document.getElementById(\"test\"), \"test\")){//do something};

本文地址:https://www.stayed.cn/item/21074

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。