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 相关文章推荐
通过 Dom 方法提高 innerHTML 性能
Mar 26 Javascript
可兼容IE的获取及设置cookie的jquery.cookie函数方法
Sep 02 Javascript
如何获取select下拉框的值(option没有及有value属性)
Nov 08 Javascript
javascript版的in_array函数(判断数组中是否存在特定值)
May 09 Javascript
JavaScript和CSS交互的方法汇总
Dec 02 Javascript
JS的框架Polymer中的dom-if和is属性使用说明
Jul 29 Javascript
js实现控制文件拖拽并获取拖拽内容功能
Feb 17 Javascript
浅谈Angular6的服务和依赖注入
Jun 27 Javascript
vue的style绑定background-image的方式和其他变量数据的区别详解
Sep 03 Javascript
jQuery easyui datagird编辑行删除行功能的实现代码
Sep 20 jQuery
JS异步处理的进化史深入讲解
Aug 25 Javascript
js中的this的指向问题详解
Aug 29 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查找任何页面上的所有链接的方法
2013/12/03 PHP
Thinkphp的volist标签嵌套循环使用教程
2014/07/08 PHP
使用php方法curl抓取AJAX异步内容思路分析及代码分享
2014/08/25 PHP
php smtp实现发送邮件功能
2017/06/22 PHP
详解php协程知识点
2018/09/21 PHP
Javascript下IE与Firefox下的差异兼容写法总结
2010/06/18 Javascript
javascript动态向网页中添加表格实现代码
2014/02/19 Javascript
百度地图给map添加右键菜单(判断是否为marker)
2016/03/04 Javascript
基于JS实现密码框(password)中显示文字提示功能代码
2016/05/27 Javascript
JavaScript数组方法大全(推荐)
2016/07/05 Javascript
漂亮实用的页面loading(加载)封装代码
2017/02/03 Javascript
vue-router实现组件间的跳转(参数传递)
2017/11/07 Javascript
JS实现数组的增删改查操作示例
2018/08/29 Javascript
如何实现iframe父子传参通信
2020/02/05 Javascript
在 Vue 中使用 JSX 及使用它的原因浅析
2020/02/10 Javascript
[45:34]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第一场 12.18
2020/12/19 DOTA
Python中对元组和列表按条件进行排序的方法示例
2015/11/10 Python
Python依赖包整体迁移方法详解
2019/08/15 Python
使用浏览器访问python写的服务器程序
2019/10/10 Python
解决安装pyqt5之后无法打开spyder的问题
2019/12/13 Python
python基于event实现线程间通信控制
2020/01/13 Python
Tensorflow 多线程设置方式
2020/02/06 Python
基于pytorch padding=SAME的解决方式
2020/02/18 Python
.NET面试问题集
2015/12/08 面试题
大学军训通讯稿
2014/01/13 职场文书
商务邀请函范文
2014/01/14 职场文书
21岁生日感言
2014/02/27 职场文书
小学生学习雷锋倡议书
2014/05/15 职场文书
信电学院毕业生自荐书
2014/05/24 职场文书
法人代表任命书范本
2014/06/05 职场文书
绿色出行口号
2014/06/18 职场文书
校园环保广播稿(3篇)
2014/09/15 职场文书
党员批评与自我批评发言
2014/10/02 职场文书
物资采购管理制度
2015/08/06 职场文书
Html5生成验证码的示例代码
2021/05/10 Javascript
Docker部署Mysql8的实现步骤
2022/07/07 Servers