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 学习之旅 (3)
Feb 05 Javascript
jQuery 技巧小结
Apr 02 Javascript
jquery延迟对象解析
Oct 26 Javascript
js编写三级联动简单案例
Dec 21 Javascript
js 递归和定时器的实例解析
Feb 03 Javascript
JavaScript实现按键精灵的原理分析
Feb 21 Javascript
javascript checkbox/radio onchange不能兼容ie8处理办法
Jun 13 Javascript
jQuery实现的鼠标滚轮控制图片缩放功能实例
Oct 14 jQuery
Vue Element使用icon图标教程详解(第三方)
Feb 07 Javascript
微信小程序实现动态显示和隐藏某个控件功能示例
Dec 14 Javascript
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
Jun 10 Javascript
js实现限定范围拖拽的示例
Oct 26 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购物网站支付paypal使用方法
2010/11/28 PHP
Yii数据模型中rules类验证器用法分析
2016/07/15 PHP
PHP的重载使用魔术方法代码实例详解
2021/02/26 PHP
使用TextRange获取输入框中光标的位
2006/10/14 Javascript
用Jquery重写windows.alert方法实现思路
2013/04/03 Javascript
浅谈jquery中使用canvas的问题
2016/10/10 Javascript
网页挂马方式整理及详细介绍
2016/11/03 Javascript
[原创]JS基于FileSaver.js插件实现文件保存功能示例
2016/12/08 Javascript
微信小程序 图片边框解决方法
2017/01/16 Javascript
javascript 数据存储的常用函数总结
2017/06/01 Javascript
关于webpack2和模块打包的新手指南(小结)
2017/08/07 Javascript
前端常见跨域解决方案(全)
2017/09/19 Javascript
在小程序中使用腾讯视频插件播放教程视频的方法
2018/07/10 Javascript
layui表单提交到后台自动封装到实体类的方法
2019/09/12 Javascript
vue使用@scroll监听滚动事件时,@scroll无效问题的解决方法详解
2019/10/15 Javascript
vue项目接口管理,所有接口都在apis文件夹中统一管理操作
2020/08/13 Javascript
PyCharm使用教程之搭建Python开发环境
2016/06/07 Python
Python正则表达式使用范例分享
2016/12/04 Python
Python学生成绩管理系统简洁版
2020/04/05 Python
python K近邻算法的kd树实现
2018/09/06 Python
解决Mac下使用python的坑
2019/08/13 Python
手把手教你pycharm专业版安装破解教程(linux版)
2019/09/26 Python
Python 静态方法和类方法实例分析
2019/11/21 Python
Python定时器线程池原理详解
2020/02/26 Python
Django models filter筛选条件详解
2020/03/16 Python
CSS3教程(2):网页边框半径和网页圆角
2009/04/02 HTML / CSS
基本款天堂:Everlane
2017/05/13 全球购物
台湾家适得:Homeget
2019/02/11 全球购物
犹他州最古老的体育用品公司:Al’s
2020/12/18 全球购物
Tomcat Mysql datasource数据源配置
2015/12/28 面试题
门卫班长岗位职责
2013/12/15 职场文书
市场营销求职信范文
2014/02/21 职场文书
我的求职择业计划书
2014/04/04 职场文书
《鲁班和橹板》教学反思
2014/04/27 职场文书
班级文化建设标语
2014/06/23 职场文书
我的中国梦演讲稿500字
2014/08/19 职场文书