js获取多个tagname的节点数组

 更新时间:2013年09月22日 14:48:16   作者:  
写了个获取多个tagname节点集合的小方法。类似于jQuery的$(‘iput,select,textarea’,'#form’)的效果,返回是按节点在原有文档流中的顺序返回的

功能需要,写了个获取多个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  event对象整理及详细介绍

    JavaScript event对象整理及详细介绍

    这篇文章主要介绍了JavaScript event对象整理及详细介绍的相关资料,需要的朋友可以参考下
    2016-10-10
  • 小程序列表懒加载的实现方式

    小程序列表懒加载的实现方式

    懒加载,前端人都知道的一种性能优化方式,简单的来说,只有当图片出现在浏览器的可视区域内时,才设置图片正真的路径,让图片显示出来,这篇文章主要给大家介绍了关于小程序列表懒加载的实现方式,需要的朋友可以参考下
    2022-04-04
  • 前端必会的Webpack优化技巧

    前端必会的Webpack优化技巧

    这篇文章主要为大家介绍了前端必会的Webpack优化技巧示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • JavaScript函数柯里化详解

    JavaScript函数柯里化详解

    柯里化函数主要起到预处理的作用。接下来通过本文给大家介绍JavaScript函数柯里化有什么作用及实现bind方法,非常具有参考价值特此分享供大家学习
    2016-04-04
  • 获取input标签的所有属性的方法

    获取input标签的所有属性的方法

    下面小编就为大家带来一篇获取input标签的所有属性的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • 超详细JavaScript深浅拷贝的实现教程

    超详细JavaScript深浅拷贝的实现教程

    浅拷贝是指,一个新的对象对原始对象的属性值进行精确地拷贝;深拷贝是指,对于简单数据类型直接拷贝他的值,对于引用数据类型,在堆内存中开辟一块内存用于存放复制的对象,并把原有的对象类型数据拷贝过来。本文将实现JavaScript深浅拷贝,需要的可以参考一下
    2022-09-09
  • zTree插件之多选下拉菜单实例代码

    zTree插件之多选下拉菜单实例代码

    zTree插件之多选下拉菜单实例代码。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • 一文教你用JavaScript制作个简单的大转盘游戏

    一文教你用JavaScript制作个简单的大转盘游戏

    日常生活中,我们经常会见到形形色色的抽奖活动,例如九宫格、大转盘等等……本文就来教大家如何利用JavaScript制作个简单的大转盘游戏,感兴趣的可以了解一下
    2023-02-02
  • 页面向下滚动ajax获取数据的实现方法(兼容手机)

    页面向下滚动ajax获取数据的实现方法(兼容手机)

    下面小编就为大家带来一篇页面向下滚动ajax获取数据的实现方法(兼容手机)。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • js显示当前日期时间和星期几

    js显示当前日期时间和星期几

    这篇文章主要介绍了js获取当前日期时间同时显示星期的方法,具有参考价值,感兴趣的小伙伴们可以参考一下
    2015-10-10

最新评论