原生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};
相关文章
这篇文章主要介绍了JS实现统计复选框选中个数并提示确定与取消的方法,可实现javascript针对页面复选框元素的统计与提示功能,需要的朋友可以参考下2015-07-07
选项卡的原理其实比较简单，就是设置2种状态，选中和未选中的2中不同CSS状态，因此也有直接不用JS之用css就能实现的效果2011-04-04
本文介绍了在浏览器中下载大文件的技术方案,包括分片下载、断点续传、进度条显示、取消及暂停下载和文件合并等功能,分片下载可以降低网络传输中断的风险,并减少内存占用,需要的朋友可以参考下2024-10-10
这篇文章主要为大家详细介绍了微信小程序日期时间选择器的使用方法，自定义精确到分秒或时段，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-02-02
本文主要介绍了js实现4个方向滚动球的实例，具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
JS中字符问题(二进制/十进制/十六进制及ASCII码之间的转换)
对于js的进制转换的一些方法分析2008-11-11
今天小编就为大家分享一篇layui数据表格重载实现往后台传参，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
javascript 控制 html元素 显示/隐藏实现代码
javascript 控制 html元素 显示/隐藏，下面是一些逐步的实现原理。2009-09-09
柯里化是将接受多个参数的函数转换成一系列只接受单个参数的函数的过程，而反柯里化是将柯里化函数转换成接受多个参数的函数的过程，本文将带大家理解 js 中的柯里化与反柯里化,需要的朋友可以参考下2023-07-07
本篇文章主要介绍了微信小程序 scroll-view实现锚点滑动的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-12-12
最新评论