常用的js自定义方法 -- hasClass addClass removeClass getElementsByClass
2011-07-13 17:42
1076 查看
function hasClass(ele,cls) { var result = ele && ele.className && (ele.className.search(new RegExp('(\\s|^)'+cls+'(\\s|$)')) != -1); return !!result; } function addClass(ele,cls) { if (!hasClass(ele,cls) && ele && ele.className) ele.className += " "+cls; } function removeClass(ele,cls) { if (hasClass(ele,cls)) { var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)'); ele.className = ele.className.replace(reg,' '); } } function getElementsByClass(classN){ var elements =[]; var listElm = document.getElementsByTagName("*"); for(var i = 0; i < listElm.length; i++){ if(hasClass(listElm[i],classN)) elements.push(listElm[i]); } return elements; }
相关文章推荐
- 原生js实现增加(addclass),删除(removeclass),判断是否存在(hasclass),如果存在删除,如果不存在添加(toggleclass)和获取类名(getbyclass)的方法
- js 获取class的元素的方法 以及创建方法getElementsByClassName
- 【js:class属性】——自定义function:getElementsByClassName
- 原生js实现addClass,removeClass,hasClass方法
- 用原生js实现addClass,removeClass,hasClass方法
- js 获取class的元素的方法 以及创建方法getElementsByClassName
- 原生js实现addClass,removeClass,hasClass方法
- js 中class选择器,addClass,removeClass,hasClass,toggleClass,getByClass
- js根据类名获取元素——自定义getElementsByClass()
- js 如何获取class的元素 以及创建方法getElementsByClassName
- 兼容ie5-ie11及其他主流浏览器的js document.getElementsByClassName 方法
- js 教你怎么封装 例如如何封装getElementsByClassName()方法
- html5的classList属性介绍和原生js实现jQuery的addClass,removeClass,hasClass方法
- 原生JS实现元素的getElementsByClassName()方法,适用于多个类名
- 原生js实现addClass,removeClass,hasClass方法
- 原生js方法document.getElementsByClassName在ie8及其以下的兼容性问题
- 解决 IE 不支持 document.getElementsByClassName() 的方法
- getElementsByClassName兼容新老浏览器方法
- 解决对象不支持“getElementsByClassName”属性或方法 ie兼容性
- Dom4j递归解析XML实现JS的getElementsByName类似方法