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 checkbox全选、取消全选实现代码
Mar 05 Javascript
js使用removeChild方法动态删除div元素
Aug 01 Javascript
jQuery EasyUI Dialog拖不下来如何解决
Sep 28 Javascript
JavaScript中Object.prototype.toString方法的原理
Feb 24 Javascript
修复jQuery tablesorter无法正确排序的bug(加千分位数字后)
Mar 30 Javascript
bootstrap布局中input输入框右侧图标点击功能
May 16 Javascript
jquery过滤特殊字符',防sql注入的实现方法
Aug 17 Javascript
基于代数方程库Algebra.js解二元一次方程功能示例
Jun 09 Javascript
详解vue-cli中的ESlint配置文件eslintrc.js
Sep 25 Javascript
koa-router源码学习小结
Sep 07 Javascript
vue使用localStorage保存登录信息 适用于移动端、PC端
May 27 Javascript
Jquery Fade用法详解
Nov 06 jQuery
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/16 PHP
五款常用mysql slow log分析工具的比较分析
2011/05/22 PHP
php中通过curl smtp发送邮件
2012/06/05 PHP
邮箱正则表达式实现代码(针对php)
2013/06/21 PHP
探讨:array2xml和xml2array以及xml与array的互相转化
2013/06/24 PHP
Thinkphp模板中截取字符串函数简介
2014/06/17 PHP
用PHP解决的一个栈的面试题
2014/07/02 PHP
PHP设计模式(五)适配器模式Adapter实例详解【结构型】
2020/05/02 PHP
PHP获取类私有属性的3种方法
2020/09/10 PHP
js 函数调用模式小结
2011/12/26 Javascript
javascript实现十六进制颜色值(HEX)和RGB格式相互转换
2014/06/20 Javascript
一个很有趣3D球状标签云兼容IE8
2014/08/22 Javascript
浅谈javascript中的instanceof和typeof
2015/02/27 Javascript
JavaScript利用HTML DOM进行文档操作的方法
2016/03/28 Javascript
快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突
2016/04/15 Javascript
jQuery实现div横向拖拽排序的简单实例
2016/07/13 Javascript
详解Nodejs之静态资源处理
2017/06/05 NodeJs
JavaScript中常用的简洁高级技巧总结
2019/03/10 Javascript
在Vue中实现随hash改变响应菜单高亮
2020/03/09 Javascript
Python多进程分块读取超大文件的方法
2016/04/13 Python
Python中的并发处理之asyncio包使用的详解
2018/04/03 Python
浅谈tensorflow1.0 池化层(pooling)和全连接层(dense)
2018/04/27 Python
对python-3-print重定向输出的几种方法总结
2018/05/11 Python
python opencv人脸检测提取及保存方法
2018/08/03 Python
对pandas中两种数据类型Series和DataFrame的区别详解
2018/11/12 Python
Python 数据可视化pyecharts的使用详解
2019/06/26 Python
python调用jenkinsAPI构建jenkins,并传递参数的示例
2020/12/09 Python
基于HTML5 WebGL的3D机房的示例
2018/03/16 HTML / CSS
智能家居、吸尘器、滑板车、电动自行车网上购物:Geekmaxi
2021/01/18 全球购物
大学生职业生涯规划范文
2014/01/08 职场文书
2014年小班元旦活动方案
2014/02/16 职场文书
明信片寄语大全
2014/04/08 职场文书
应届毕业生自荐信
2014/05/28 职场文书
2015年元旦晚会活动总结(学生会)
2014/11/28 职场文书
十大动画制作软件,Adobe产品上榜两款,第一是行业标准软件
2022/03/18 杂记
HTML5中的DOCUMENT.VISIBILITYSTATE属性详解
2023/05/07 HTML / CSS