首页 > 开发 > JS > 正文

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

2024-05-06 16:29:13
字体:
来源:转载
供稿:网友
这篇文章主要介绍了原生javascript实现addClass,removeClass,hasClass函数的相关代码,有需要的小伙伴可以参考下
 

原生的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 functionsaddClass(document.getElementById("test"), "test");removeClass(document.getElementById("test"), "test")if(hasClass(document.getElementById("test"), "test")){//do something};


注:相关教程知识阅读请移步到JavaScript/Ajax教程频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表