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 相关文章推荐
jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)
Feb 26 Javascript
jQuery动态地获取系统时间实现代码
May 24 Javascript
javascript中typeof的使用示例
Dec 19 Javascript
node.js+express制作网页计算器
Jan 17 Javascript
浅析jQuery Ajax请求参数和返回数据的处理
Feb 24 Javascript
Node.js检测端口(port)是否被占用的简单示例
Sep 29 Javascript
JS时间控制实现动态效果的实例讲解
Jul 31 Javascript
基于JavaScript实现新增内容滚动播放效果附完整代码
Aug 24 Javascript
webpack vue项目开发环境局域网访问方法
Mar 20 Javascript
js实现数字滚动特效
Dec 16 Javascript
vue-resource post数据时碰到Django csrf问题的解决
Mar 13 Javascript
js实现贪吃蛇游戏 canvas绘制地图
Sep 09 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
如何使用脚本模仿登陆过程
2006/11/22 PHP
PHP面向对象分析设计的经验原则
2008/09/20 PHP
Laravel 5框架学习之数据库迁移(Migrations)
2015/04/08 PHP
带你了解PHP7 性能翻倍的关键
2015/11/19 PHP
[原创]php正则删除img标签的方法示例
2017/05/27 PHP
php微信公众号开发之简答题
2018/10/20 PHP
jscript之Open an Excel Spreadsheet
2007/06/13 Javascript
jquery购物车实时结算特效实现思路
2013/09/23 Javascript
jquery获取css中的选择器(实例讲解)
2013/12/02 Javascript
js判断undefined类型示例代码
2014/02/10 Javascript
JavaScript italics方法入门实例(把字符串显示为斜体)
2014/10/17 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
2016/06/12 Javascript
jquery mobile 实现自定义confirm确认框效果的简单实例
2016/06/17 Javascript
JS实现点击网页判断是否安装app并打开否则跳转app store
2016/11/18 Javascript
canvas实现钟表效果
2017/02/13 Javascript
使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)
2017/03/21 jQuery
详解vue2.0 transition 多个元素嵌套使用过渡
2017/06/19 Javascript
zTree 树插件实现全国五级地区点击后加载的示例
2018/02/05 Javascript
vue实现的双向数据绑定操作示例
2018/12/04 Javascript
js实现移动端轮播图
2020/12/21 Javascript
解决layui轮播图有数据不显示的情况
2019/09/16 Javascript
Vue 自适应高度表格的实现方法
2020/05/13 Javascript
[07:06]2018DOTA2国际邀请赛寻真——卫冕冠军Team Liquid
2018/08/10 DOTA
python中二维阵列的变换实例
2014/10/09 Python
使用Python脚本操作MongoDB的教程
2015/04/16 Python
Django应用程序中如何发送电子邮件详解
2017/02/04 Python
解决TensorFlow GPU版出现OOM错误的问题
2020/02/03 Python
深入浅析python变量加逗号,的含义
2020/02/22 Python
如何对python的字典进行排序
2020/06/19 Python
秋季运动会表扬稿
2014/01/16 职场文书
公司开业庆典主持词
2014/03/21 职场文书
英语求职信范文
2014/05/23 职场文书
市场营销策划方案
2014/06/11 职场文书
小学雷锋月活动总结
2014/07/03 职场文书
应届毕业生求职简历自我评价
2015/03/02 职场文书
初中数学教学随笔
2015/08/15 职场文书