原生javascript操作class-元素查找-元素是否存在-添加class-移除class
2014-06-06 20:29
621 查看
//判断元素是否有class function hasClass(ele, cls) { return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)')); } //元素增加class function addClass(ele, cls) { if (!hasClass(ele, cls)) ele.className += " "+cls; } //元素移除class function removeClass(ele, cls) { if (hasClass(ele, cls)) { var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)'); ele.className = ele.className.replace(reg, ' '); } } /* className, rootId(限制范围id名), tagName(标签名称)*/ function getElementsByClassName(cls, rid, tag) { root = rid && document.getElementById(rid) || document; if (root.getElementsByClassName) { return root.getElementsByClassName(cls); } tag = tag || '*'; var elems = root.getElementsByTagName(tag); var ret = []; for (var i = 0, len = elems.length; i < len; i++) { var elem = elems[i]; if ((' ' + elem.className + ' ').indexOf(' ' + cls + ' ') > -1) { ret.push(elem); } } return ret; }
相关文章推荐
- Javascript脚本语言简介、查找元素节点、查看是否存在子节点、根节点
- 链表的基本操作 (1)采用尾插法建立一个链表; (2)输入一个元素,在道表中查找该元素是否存在,请给出相关信息; (3)将链表中的元素进行就地逆置。
- 原生js实现查找/添加/删除/指定元素的class
- 原生js 查找 添加 删除 指定元素的class
- 查看是否存在某个class类名 原生JS添加类名 删除类名
- 实现列表类,清空、添加、删除、查找、插入,判断元素是否存在
- JavaScript原生添加移除class的方法
- DOM操作——JavaScript怎样添加、移除、移动、复制、创建和查找节点
- 判断元素是否含有某个Class值(正则法)移除、添加class
- 无法执行添加或移除操作,因为代码元素是只读的
- VC2005:无法执行添加/移除操作,因为代码元素DlgXXX是只读的
- javascript dom 学习笔记 第九章:实现给某个元素添加加新的class的值的函数!
- javascript节点的操作 创建、添加、移除、移动、复制
- MFC 添加新消息时“无法执行添加/移除操作,因为代码元素是只读的....”错误(转载)
- javascript中如何判断一个元素在页面中是否存在(转)
- VS2005中,无法执行添加/移除操作,因为代码元素是只读的
- JavaScript操作Table:添加、修改、删除Table元素
- VC2005:无法执行添加/移除操作,因为代码元素是只读的
- 解决:VS2005中,无法执行添加/移除操作,因为代码元素是只读的
- php 查找数组中是否存在某个元素或者key