原生javascript实现addClass,removeClass,hasClass函数_javascript技巧
程序员文章站
2022-04-15 08:05:35
...
原生的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};
上一篇: PHP计算某月的第一天和最后一天
推荐阅读
-
使用JS实现jQuery的addClass, removeClass, hasClass函数功能
-
斜45度寻路实现函数_javascript技巧
-
原生Js实现按的数据源均分时间点幻灯片效果(已封装)_javascript技巧
-
PHP中的str_repeat函数在JavaScript中的实现_php技巧
-
javascript FormatNumber函数实现方法_javascript技巧
-
原生js实现给指定元素的后面追加内容_javascript技巧
-
javascript下利用arguments实现string.format函数_javascript技巧
-
原生javascript实现隔行换色_javascript技巧
-
javascript使用定时函数实现跳转到某个页面_javascript技巧
-
javascript AOP 实现ajax回调函数使用比较方便_javascript技巧