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中继承的三种方式
Oct 16 Javascript
Script标签与访问HTML页面详解
Jan 10 Javascript
导入extjs、jquery 文件时$使用冲突问题解决方法
Jan 14 Javascript
为jquery的ajaxfileupload增加附加参数的方法
Mar 04 Javascript
jQuery实现带滑动条的菜单效果代码
Aug 26 Javascript
jQuery对checkbox 复选框的全选全不选反选的操作
Aug 09 Javascript
node.js中的事件处理机制详解
Nov 26 Javascript
详解用vue-cli来搭建vue项目和webpack
Apr 20 Javascript
Vue仿支付宝支付功能
May 25 Javascript
angular2 组件之间通过service互相传递的实例
Sep 30 Javascript
微信小程序实现swiper切换卡内嵌滚动条不显示的方法示例
Dec 20 Javascript
详解在React项目中安装并使用Less(用法总结)
Mar 18 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
模拟OICQ的实现思路和核心程序(二)
2006/10/09 PHP
php中的数组操作函数整理
2008/08/18 PHP
PHP Document 代码注释规范
2009/04/13 PHP
php下使用SimpleXML 处理XML 文件
2010/02/27 PHP
PHP使用CURL实现下载文件功能示例
2019/06/03 PHP
Laravel等框架模型关联的可用性浅析
2019/12/15 PHP
20个最新的jQuery插件
2012/01/13 Javascript
Javascript绝句欣赏 一些经典的js代码
2012/02/22 Javascript
HTML复选框和单选框 checkbox和radio事件介绍
2012/12/12 Javascript
json的定义、标准格式及json字符串检验
2014/05/11 Javascript
jQuery事件绑定on()、bind()与delegate() 方法详解
2015/06/03 Javascript
jquery实现在网页指定区域显示自定义右键菜单效果
2015/08/25 Javascript
WEB前端开发都应知道的jquery小技巧及jquery三个简写
2015/11/15 Javascript
基于JS快速实现导航下拉菜单动画效果附源码下载
2016/10/27 Javascript
微信小程序 时间格式化(util.formatTime(new Date))详解
2016/11/16 Javascript
使用javascript做时间倒数读秒功能的实例
2019/01/23 Javascript
Vue向后台传数组数据,springboot接收vue传的数组数据实例
2020/11/12 Javascript
python通过zlib实现压缩与解压字符串的方法
2014/11/19 Python
Python httplib模块使用实例
2015/04/11 Python
python实现马耳可夫链算法实例分析
2015/05/20 Python
Python 转换RGB颜色值的示例代码
2019/10/13 Python
Python爬虫使用代理IP的实现
2019/10/27 Python
Pyspark读取parquet数据过程解析
2020/03/27 Python
基于python实现上传文件到OSS代码实例
2020/05/09 Python
用python给csv里的数据排序的具体代码
2020/07/17 Python
HTML5超文本标记语言的实现方法
2020/09/24 HTML / CSS
西铁城美国官方网站:Citizen Watch美国
2019/11/08 全球购物
Nike俄罗斯官方网站:Nike RU
2021/03/05 全球购物
应聘面试自我评价
2014/01/24 职场文书
车间主任岗位职责
2014/03/16 职场文书
劳动竞赛活动总结
2014/05/05 职场文书
用人单位聘用意向书
2015/05/11 职场文书
中学教师教学工作总结
2015/08/13 职场文书
青年干部培训班学习心得体会
2016/01/06 职场文书
反四风问题学习心得体会
2016/01/22 职场文书
公文写作:工伤事故分析报告怎么写?
2019/11/05 职场文书