原生javascript实现addClass,removeClass,hasClass函数
更新时间：2016年02月25日 08:51:44 投稿：hebedich
这篇文章主要介绍了原生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 functions
addClass(document.getElementById("test"), "test");
removeClass(document.getElementById("test"), "test")
if(hasClass(document.getElementById("test"), "test")){//do something};
相关文章
Javascript前端UI框架Kit使用指南之kitjs的对话框组件
本文以kitjs对话框组件为例，给我们详细介绍了kitjs的组件目录、默认代码模板、构造器及初始方法、以及Kitjs继承。讲解的非常细致，对我们熟练掌握kitjs组件很有帮助。2014-11-11
今天小编就为大家分享一篇layer弹出层扩展主题的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
悬浮窗就是图中微信图标的按钮，采用fixed定位，可拖动和点击。本文给大家分享一个比较常见的常见，通过实例代码给大家介绍微信小程序中悬浮窗功能的实现，一起看看吧2019-08-08
这篇文章主要给大家介绍了关于如何通过JavaScript读取元素的样式,文中通过实例代码以及图文介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2022-01-01
JS鼠标事件大全 推荐收藏，整理的比较细，推荐大家看下。2011-11-11
zTree插件之单选下拉菜单实例代码。需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
Express实现前端后端通信上传图片之存储数据库（mysql）傻瓜式教程（一）
这篇文章主要介绍了Express实现前端后端通信上传图片存储数据库（mysql）傻瓜式教程（一）,需要的朋友可以参考下2015-12-12
这篇文章主要为大家详细介绍了Bootstrap基本插件学习笔记之折叠的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
JavaScript在for循环中绑定事件解决事件参数不同的情况
响应一堆相似的事件，但是每个事件的参数都不同，在这种情况下就可以使用JavaScript 在for循环中绑定事件，下面有个不错的示例，大家可以参考下2014-01-01
uni.getLocation和wx.getLocation方法调用无效也不返回失败的解决方案
这篇文章主要给大家介绍了关于uni.getLocation和wx.getLocation方法调用无效也不返回失败的解决方案,文中通过实例代码以及图文介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2023-04-04
最新评论