js获取多个tagname的节点数组


Posted in Javascript onSeptember 22, 2013

功能需要,写了个获取多个tagname节点集合的小方法。类似于jQuery的$(‘iput,select,textarea','#form')的效果,返回是按节点在原有文档流中的顺序返回的。

//获取指定标签类型的节点数组 用例:GetTagNames('input,select,textarea',document.getElementById('form'))
function GetTagNames(tagnames,parEl){
 //父节点未定义默认循document
 var parEl=parEl || document;
 //获取指定父元素的子节点
 var all=parEl.getElementsByTagName('*');
 //存放所有符合条件的子节点
 var nodes=[];
 //将转入的tagname转换成判断正则
 var reg=eval('/'+tagnames.split(',').join('|')+'/i');
 //循环,判断,存储
 for(var ii=0;ii<all.length;ii++){
  if(reg.test(all[ii].nodeName)){
   nodes.push(all[ii]);
  }
 }
 //返回
 return nodes;
}

来自:mrthink.net

Javascript 相关文章推荐
JavaScript高级程序设计 学习笔记 js高级技巧
Sep 20 Javascript
js中cookie的添加、取值、删除示例代码
Oct 21 Javascript
js AppendChild与insertBefore用法详细对比
Dec 16 Javascript
JavaScript模拟重力状态下抛物运动的方法
Mar 03 Javascript
JavaScript跨平台的开源框架NativeScript
Mar 24 Javascript
整理关于Bootstrap表单的慕课笔记
Mar 29 Javascript
微信小程序多列选择器range-key使用详解
Mar 30 Javascript
JS开发中基本数据类型具体有哪几种
Oct 19 Javascript
Vue Autocomplete 自动完成功能简单示例
May 25 Javascript
js 实现 list转换成tree的方法示例(数组到树)
Aug 18 Javascript
vue项目强制清除页面缓存的例子
Nov 06 Javascript
输入框跟随文字内容适配宽实现示例
Aug 14 Javascript
jQuery中校验时间格式的正则表达式小结
Sep 22 #Javascript
jquery中获取id值方法小结
Sep 22 #Javascript
document.getElementBy(&quot;id&quot;)与$(&quot;#id&quot;)有什么区别
Sep 22 #Javascript
浏览器页面区域大小的js获取方法
Sep 21 #Javascript
javascript dom追加内容实现示例
Sep 21 #Javascript
html+js实现动态显示本地时间
Sep 21 #Javascript
JavaScript加强之自定义event事件
Sep 21 #Javascript
You might like
php的header和asp中的redirect比较
2006/10/09 PHP
php实现用户注册密码的crypt加密
2017/06/08 PHP
php表单处理操作
2017/11/16 PHP
php5.6.x到php7.0.x特性小结
2019/08/17 PHP
使用laravel和ajax实现整个页面无刷新的操作方法
2019/10/03 PHP
解决FLASH需要点击激活的代码
2006/12/20 Javascript
JavaScript Sort 表格排序
2009/10/31 Javascript
javascript延时加载之defer测试
2012/12/28 Javascript
js 动态修改css文件的方法
2014/08/05 Javascript
整理Javascript事件响应学习笔记
2015/12/02 Javascript
详解JavaScript正则表达式之RegExp对象
2015/12/13 Javascript
js实现图片上传并正常显示
2015/12/19 Javascript
全面了解JS中的匿名函数
2016/06/29 Javascript
jQuery实现的图片轮播效果完整示例
2016/09/12 Javascript
详解vue-router2.0动态路由获取参数
2017/06/14 Javascript
jQuery之动画ajax事件(实例讲解)
2017/07/18 jQuery
原生javascript实现的全屏滚动功能示例
2017/09/19 Javascript
基于vue.js中事件修饰符.self的用法(详解)
2018/02/23 Javascript
chosen实现省市区三级联动
2018/08/16 Javascript
基于vue中对鼠标划过事件的处理方式详解
2018/08/22 Javascript
微信小程序实现传递多个参数与事件处理
2019/08/12 Javascript
javascript实现页面的实时时钟显示示例
2020/08/06 Javascript
Python中使用语句导入模块或包的机制研究
2015/03/30 Python
Windows下实现Python2和Python3两个版共存的方法
2015/06/12 Python
python中字符串类型json操作的注意事项
2017/05/02 Python
详解pandas使用drop_duplicates去除DataFrame重复项参数
2019/08/01 Python
详解Django中views数据查询使用locals()函数进行优化
2020/08/24 Python
Python可视化工具如何实现动态图表
2020/10/23 Python
html5 Web SQL Database 之事务处理函数transaction与executeSQL解析
2013/11/07 HTML / CSS
阿迪达斯加拿大官网:Adidas加拿大
2016/08/25 全球购物
使用useBean标志初始化BEAN时如何接受初始化参数
2012/02/11 面试题
编写一子程序,将一链表倒序,即使链表表尾变表头,表头变表尾
2016/02/10 面试题
北京华建集团SQL面试题
2014/06/03 面试题
放飞梦想演讲稿600字
2014/08/26 职场文书
2016应届毕业生实习心得体会
2015/10/09 职场文书
MySQL里面的子查询的基本使用
2021/08/02 MySQL