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动画之圆形运动,环绕鼠标运动作小球
Jul 20 Javascript
Jquery和BigFileUpload实现大文件上传及进度条显示
Jun 27 Javascript
JavaScript中的冒泡排序法
Aug 03 Javascript
JS短信验证码倒计时功能的实现(没有验证码,只有倒计时)
Oct 27 Javascript
Bootstrap CSS组件之分页(pagination)和翻页(pager)
Dec 17 Javascript
Vue.js 2.0 移动端拍照压缩图片上传预览功能
Mar 06 Javascript
详解在AngularJS的controller外部直接获取$scope
Jun 02 Javascript
jQury Ajax使用Token验证身份实例代码
Sep 22 Javascript
js+css实现打字效果
Jun 24 Javascript
Vue实现的父组件向子组件传值功能示例
Jan 19 Javascript
vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件
Feb 20 Vue.js
Node.js实现断点续传
Jun 23 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 mssql 日期出现中文字符的解决方法
2009/03/10 PHP
smarty中post用法实例
2014/11/28 PHP
php基于curl扩展制作跨平台的restfule 接口
2015/05/11 PHP
分享50个提高PHP执行效率的技巧
2015/12/26 PHP
yii2中结合gridview如何使用modal弹窗实例代码详解
2016/06/12 PHP
Zend Framework基于Command命令行建立ZF项目的方法
2017/02/18 PHP
PHP实现登录注册之BootStrap表单功能
2017/09/03 PHP
jquery select(列表)的操作(取值/赋值)
2009/08/06 Javascript
始终在屏幕中间显示Div的代码(css+js)
2011/03/10 Javascript
使用隐藏的new来创建对象
2011/03/29 Javascript
利用jQuery简单实现产品展示图片左右滚动功能(示例代码)
2014/01/02 Javascript
jquery 全选、全不选、反选效果的实现代码【推荐】
2016/05/05 Javascript
vue.js实现点击后动态添加class及删除同级class的实现代码
2018/04/04 Javascript
Express的HTTP重定向到HTTPS的方法
2018/06/06 Javascript
VUE引入第三方js包及调用方法讲解
2019/03/01 Javascript
使用post方法实现json往返传输数据的方法
2019/03/30 Javascript
Vue 刷新当前路由的实现代码
2019/09/26 Javascript
JS实现悬浮球只在一侧滑动并且是横屏状态下
2020/08/19 Javascript
如何利用vue实现波谱拟合详解
2020/11/05 Javascript
python批量下载图片的三种方法
2013/04/22 Python
Python连接MySQL并使用fetchall()方法过滤特殊字符
2016/03/13 Python
Android基于TCP和URL协议的网络编程示例【附demo源码下载】
2018/01/23 Python
Python机器学习k-近邻算法(K Nearest Neighbor)实例详解
2018/06/25 Python
NumPy.npy与pandas DataFrame的实例讲解
2018/07/09 Python
Python中矩阵创建和矩阵运算方法
2018/08/04 Python
python判断一个数是否能被另一个整数整除的实例
2018/12/12 Python
利用Django提供的ModelForm增删改数据的方法
2019/01/06 Python
Pycharm之快速定位到某行快捷键的方法
2019/01/20 Python
Tensorflow训练模型越来越慢的2种解决方案
2020/02/07 Python
short s1 = 1; s1 = s1 + 1;有什么错? short s1 = 1; s1 += 1;有什么错?
2014/09/26 面试题
我们的节日端午节活动方案
2014/03/02 职场文书
教师敬业奉献模范事迹材料
2014/05/18 职场文书
党支部活动策划方案
2014/08/18 职场文书
详解Python牛顿插值法
2021/05/11 Python
python程序的组织结构详解
2021/12/06 Python
JavaScript中10个Reduce常用场景技巧
2022/06/21 Javascript