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 相关文章推荐
让任务管理器中的CPU跳舞的js代码
Nov 01 Javascript
Extjs Ext.MessageBox.confirm 确认对话框详解
Apr 02 Javascript
js href的用法
May 13 Javascript
ajax java 实现自动完成功能
Dec 19 Javascript
jQuery获取checkboxlist的value值的方法
Sep 27 Javascript
js拖拽的原型声明和用法总结
Apr 04 Javascript
JavaScript必知必会(七)js对象继承
Jun 08 Javascript
jQuery模拟Marquee实现无缝滚动效果完整实例
Sep 29 Javascript
js for循环倒序输出数组元素的实例
Mar 01 Javascript
JQuery EasyUI的一些常用组件
Jul 12 jQuery
基于Vue.js 2.0实现百度搜索框效果
Dec 28 Javascript
小程序显示弹窗时禁止下层的内容滚动实现方法
Mar 20 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初学者头疼问题总结
2006/07/08 PHP
漂亮但不安全的CTB
2006/10/09 PHP
基于header的一些常用指令详解
2013/06/06 PHP
PHP中实现接收多个name相同但Value不相同表单数据实例
2015/02/03 PHP
深入浅析php json 格式控制
2015/12/24 PHP
php实现留言板功能(会话控制)
2017/05/23 PHP
用javascript实现页面打印的三种方法
2007/03/05 Javascript
js数组依据下标删除元素
2015/04/14 Javascript
函数window.open实现关闭所有的子窗口
2015/08/03 Javascript
js实现显示当前状态的导航效果代码
2015/08/28 Javascript
JS与jQuery遍历Table所有单元格内容的方法
2015/12/07 Javascript
jquery实现图片上传前本地预览
2017/04/28 jQuery
微信分享调用jssdk实例
2017/06/08 Javascript
JavaScript用二分法查找数据的实例代码
2017/06/17 Javascript
vue+swiper实现侧滑菜单效果
2017/12/28 Javascript
在Vue组件中获取全局的点击事件方法
2018/09/06 Javascript
学习jQuery中的noConflict()用法
2018/09/28 jQuery
详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题
2019/11/06 Javascript
jQuery模仿ToDoList实现简单的待办事项列表
2019/12/30 jQuery
Python升级提示Tkinter模块找不到的解决方法
2014/08/22 Python
简单谈谈Python中的闭包
2016/11/30 Python
Selenium控制浏览器常见操作示例
2018/08/13 Python
浅谈django的render函数的参数问题
2018/10/16 Python
对python 读取线的shp文件实例详解
2018/12/22 Python
python爬虫中多线程的使用详解
2019/09/23 Python
使用pandas 将DataFrame转化成dict
2019/12/10 Python
Alpine安装Python3依赖出现的问题及解决方法
2020/12/25 Python
Myprotein加拿大官网:欧洲第一的运动营养品牌
2018/01/06 全球购物
大学国际贸易专业自荐信
2014/06/05 职场文书
2014年个人思想工作总结
2014/11/27 职场文书
小班上学期幼儿评语
2014/12/30 职场文书
放假通知范文
2015/04/14 职场文书
律师函格式范本
2015/05/27 职场文书
z-index不起作用
2021/03/31 HTML / CSS
Python基础知识学习之类的继承
2021/05/31 Python
python tqdm用法及实例详解
2021/06/16 Python