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 EasyUI API 中文文档 - Documentation 文档
Sep 29 Javascript
JS getAttribute和setAttribute(取得和设置属性)的使用介绍
Jul 10 Javascript
鼠标移到导航当前位置的LI变色处于选中状态
Aug 23 Javascript
JS实现文件动态顺序载入的方法
Mar 07 Javascript
jQuery实现元素拖拽并cookie保存顺序的方法
Feb 20 Javascript
将html页面保存成图片,图片写入pdf的实现方法(推荐)
Sep 17 Javascript
bootstrap daterangepicker双日历时间段选择控件详解
Jun 15 Javascript
js Dom实现换肤效果
Oct 21 Javascript
关于laydate.js加载laydate.css路径错误问题解决
Dec 27 Javascript
bootstrap中日历范围选择插件daterangepicker的使用详解
Apr 17 Javascript
Android 自定义view仿微信相机单击拍照长按录视频按钮
Jul 19 Javascript
如何使用 vue-cli 创建模板项目
Nov 19 Vue.js
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 使用GD库为页面增加水印示例代码
2014/03/24 PHP
使用symfony命令创建项目的方法
2016/03/17 PHP
PHP实时统计中文字数和区别
2019/02/28 PHP
jQuery使用手册之三 CSS操作
2007/03/24 Javascript
javascript打印html内容功能的方法示例
2013/11/28 Javascript
基于jquery实现的图片在各种分辨率下未知的容器内上下左右居中
2014/05/11 Javascript
JavaScript设计模式之单件模式介绍
2014/12/28 Javascript
自动化测试读写64位操作系统的注册表
2016/08/15 Javascript
DOM操作原生js 的bug,使用jQuery 可以消除的解决方法
2016/09/04 Javascript
深入理解JavaScript继承的多种方式和优缺点
2017/05/12 Javascript
Bootstrap提示框效果的实例代码
2017/07/12 Javascript
JS运动特效之完美运动框架实例分析
2018/01/24 Javascript
vue几个常用跨域处理方式介绍
2018/02/07 Javascript
在 Angular中 使用 Lodash 的方法
2018/02/11 Javascript
JS求1到任意数之间的所有质数的方法详解
2019/05/20 Javascript
Node.js 实现远程桌面监控的方法步骤
2019/07/02 Javascript
vue中datepicker的使用教程实例代码详解
2019/07/08 Javascript
js利用递归与promise 按顺序请求数据的方法
2019/08/30 Javascript
Vue实现按钮级权限方案
2019/11/21 Javascript
Vue左滑组件slider使用详解
2020/08/21 Javascript
彻底搞懂并解决vue-cli4中图片显示的问题实现
2020/08/31 Javascript
Python的Django应用程序解决AJAX跨域访问问题的方法
2016/05/31 Python
Python队列的定义与使用方法示例
2017/06/24 Python
python自定义线程池控制线程数量的示例
2019/02/22 Python
Python pygame绘制文字制作滚动文字过程解析
2019/12/12 Python
Python 模拟动态产生字母验证码图片功能
2019/12/24 Python
Python基于paramunittest模块实现excl参数化
2020/04/26 Python
Web页面中八种创建多列等高(等高列布局)的实现技术
2012/12/24 HTML / CSS
泰国最新活动和优惠:Megatix
2020/05/07 全球购物
比较基础的php面试题及答案-编程题
2012/10/14 面试题
大四学生毕业自荐信
2013/11/07 职场文书
对祖国的寄语大全
2014/04/11 职场文书
责任心演讲稿
2014/05/14 职场文书
Nginx配置并兼容HTTP实现代码解析
2021/03/31 Servers
MySQL8.0.18配置多主一从
2021/06/21 MySQL
VUE递归树形实现多级列表
2022/07/15 Vue.js