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 判断浏览器类型及版本
Feb 21 Javascript
基于jQuery实现的文字按钮表单特效整理
Dec 07 Javascript
对Web开发中前端框架与前端类库的一些思考
Mar 27 Javascript
基于jquery实现左右按钮点击的图片切换效果
Jan 27 Javascript
jQuery代码实现图片墙自动+手动淡入淡出切换效果
May 09 Javascript
JS 实现可停顿的垂直滚动实例代码
Nov 23 Javascript
基于bootstrap实现收缩导航条
Mar 17 Javascript
基于jquery实现多级菜单效果
Jul 25 jQuery
jQuery中.attr()和.data()的区别分析
Sep 03 jQuery
Angular5.0 子组件通过service传递值给父组件的方法
Jul 13 Javascript
Node.js中的不安全跳转如何防御详解
Oct 21 Javascript
Vue组件通信中非父子组件传值知识点总结
Dec 05 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
mysql_num_rows VS COUNT 效率问题分析
2011/04/23 PHP
php实现批量下载百度云盘文件例子分享
2014/04/10 PHP
php递归遍历删除文件的方法
2015/04/17 PHP
dojo 之基础篇(二)之从服务器读取数据
2007/03/24 Javascript
IE php关于强制下载文件的代码
2008/08/23 Javascript
Javascript 面向对象特性
2009/12/28 Javascript
Javascript Jquery 遍历Json的实现代码
2010/03/31 Javascript
jquery插件制作 自增长输入框实现代码
2012/08/17 jQuery
可在线编辑网页文字效果代码(单击)
2013/03/02 Javascript
jquery判断元素是否隐藏的多种方法
2014/05/06 Javascript
jQuery中ajax和post处理json的不同示例对比
2014/11/02 Javascript
JavaScript DSL 流畅接口(使用链式调用)实例
2015/03/15 Javascript
JQuery替换DOM节点的方法
2015/06/11 Javascript
不得不分享的JavaScript常用方法函数集(上)
2015/12/23 Javascript
用angular实现多选按钮的全选与反选实例代码
2017/05/23 Javascript
JS 组件系列之Bootstrap Table的冻结列功能彻底解决高度问题
2017/06/30 Javascript
Javascript通过控制类名更改样式
2019/05/24 Javascript
使用layui的router来进行传参的实现方法
2019/09/06 Javascript
python使用socket向客户端发送数据的方法
2015/04/29 Python
Django中对数据查询结果进行排序的方法
2015/07/17 Python
Python实现读取文件最后n行的方法
2017/02/23 Python
用Python实现KNN分类算法
2017/12/22 Python
python pytest进阶之xunit fixture详解
2019/06/27 Python
Python使用matplotlib绘制三维参数曲线操作示例
2019/09/10 Python
解决jupyter notebook 前面书写后面内容消失的问题
2020/04/13 Python
Python爬虫爬取糗事百科段子实例分享
2020/07/31 Python
Python selenium实现断言3种方法解析
2020/09/08 Python
英国街头品牌:Bee Inspired Clothing
2018/02/12 全球购物
英国排名第一的停车场运营商:NCP
2019/08/26 全球购物
《雨霖铃》听课反思
2014/02/13 职场文书
家具促销活动方案
2014/02/16 职场文书
电子商务专业毕业生自荐书
2014/06/22 职场文书
信访维稳工作汇报
2014/10/27 职场文书
事业单位个人总结
2015/02/12 职场文书
幼儿园园长工作总结2015
2015/05/25 职场文书
领导干部学习心得体会
2016/01/23 职场文书