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扩展插件Validate 3通过参数设置错误信息
Sep 05 Javascript
利用JS自动打开页面上链接的实现代码
Sep 25 Javascript
javascript scrollTop正解使用方法
Nov 14 Javascript
JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)
Dec 31 Javascript
jQuery中:checkbox选择器用法实例
Jan 03 Javascript
JQuery显示、隐藏div的几种方法简明总结
Apr 16 Javascript
js的flv视频播放器插件使用方法
Jun 23 Javascript
常用jQuery代码分享
Jul 14 Javascript
JS iFrame加载慢怎么解决
May 13 Javascript
JavaScript纯色二维码变成彩色二维码
Jul 23 Javascript
layer插件select选中默认值的方法
Aug 14 Javascript
解决eclipse中没有js代码提示的问题
Oct 10 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
《魔兽争霸3:重制版》更新 多项视觉效果调整
2020/05/04 魔兽争霸
php 防止单引号,双引号在接受页面转义
2008/07/10 PHP
分享PHP守护进程类
2015/12/30 PHP
PHP调试的强悍利器之PHPDBG
2016/02/22 PHP
PHP简单获取及判断提交来源的方法
2016/04/22 PHP
thinkphp3.x中session方法的用法分析
2016/05/20 PHP
PHP实现的数组和XML文件相互转换功能示例
2018/03/15 PHP
十个优秀的Ajax/Javascript实例网站收集
2010/03/31 Javascript
javaScript矢量图表库-gRaphael几行代码实现精美的条形图/饼图/点图/曲线图
2013/01/09 Javascript
javascript中setTimeout的问题解决方法
2014/05/08 Javascript
js跨域访问示例(客户端/服务端)
2014/05/19 Javascript
Node.js+ES6+dropload.js实现移动端下拉加载实例
2017/06/01 Javascript
利用Jasmine对Angular进行单元测试的方法详解
2017/06/12 Javascript
ES6 javascript的异步操作实例详解
2017/10/30 Javascript
微信小程序自定义select下拉选项框组件的实现代码
2018/08/28 Javascript
vue项目创建并引入饿了么elementUI组件的步骤
2019/04/11 Javascript
vue实现前台列表数据过滤搜索、分页效果
2019/05/28 Javascript
JS中的算法与数据结构之列表(List)实例详解
2019/08/16 Javascript
微信小程序的引导页实现代码
2020/06/24 Javascript
[04:48]DOTA2上海特锦赛小组赛第三日 TOP10精彩集锦
2016/02/28 DOTA
python插入排序算法实例分析
2015/07/03 Python
解决win64 Python下安装PIL出错问题(图解)
2018/09/03 Python
详解python中init方法和随机数方法
2019/03/13 Python
pandas实现excel中的数据透视表和Vlookup函数功能代码
2020/02/14 Python
pygame实现弹球游戏
2020/04/14 Python
推荐值得学习的12款python-web开发框架
2020/08/10 Python
python 多线程中join()的作用
2020/10/29 Python
介绍CSS3使用技巧5个
2009/04/02 HTML / CSS
遗体告别仪式主持词
2014/03/20 职场文书
努力学习演讲稿
2014/05/10 职场文书
教师党员公开承诺事项
2014/05/28 职场文书
三方合作意向书范本
2015/05/09 职场文书
法律讲堂观后感
2015/06/11 职场文书
2015大学迎新晚会策划书
2015/07/16 职场文书
读后感怎么写?书写读后感的基本技巧!
2019/12/10 职场文书
使用Selenium实现微博爬虫(预登录、展开全文、翻页)
2021/04/13 Python