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调试脚本的经验之谈

    Javascript调试脚本的经验之谈

    随着用JavaScript编程的深入,你会开始理解那些JavaScript给出的不透明错误信息。一旦你理解了你常犯的一般性错误,你就会很快知道怎样避免它们,这样你写的代码中的错误将越来越少。
    2008-10-10
  • JS中判断null的方法分析

    JS中判断null的方法分析

    这篇文章主要介绍了JS中判断null的方法,结合实例形式对比分析了常见的JS错误判断方法及正确判断操作相关技巧,需要的朋友可以参考下
    2016-11-11
  • JS中offset和匀速动画详解

    JS中offset和匀速动画详解

    这篇文章主要介绍了JavaScript动画:offset和匀速动画详解(含轮播图的实现),并把实现代码做了分享,有兴趣的朋友参考下。
    2018-02-02
  • JS实现在状态栏显示打字效果完整实例

    JS实现在状态栏显示打字效果完整实例

    这篇文章主要介绍了JS实现在状态栏显示打字效果的方法,涉及JavaScript中字符遍历结合时间函数对状态栏显示进行操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • 原生javascript模仿win8等待提示圆圈进度条

    原生javascript模仿win8等待提示圆圈进度条

    一直很中意win8等待提示圆圈进度条,下面本文就使用原生javascript模仿win8等待进度条,需要的朋友可以参考下
    2014-04-04
  • element-ui的回调函数Events的用法详解

    element-ui的回调函数Events的用法详解

    这篇文章主要介绍了element-ui的回调函数Events的用法,本文通过实例代码给大家介绍了change回调函数的使用方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-10-10
  • javascript生成随机大小写字母的方法

    javascript生成随机大小写字母的方法

    这篇文章主要介绍了javascript生成随机大小写字母的方法,需要的朋友可以参考下
    2014-02-02
  • JavaScript学习总结之JS、AJAX应用

    JavaScript学习总结之JS、AJAX应用

    这篇文章主要介绍了JavaScript学习总结JS AJAX应用 的相关资料,需要的朋友可以参考下
    2016-01-01
  • js 获取(接收)地址栏参数值的方法

    js 获取(接收)地址栏参数值的方法

    当地址栏含有参数,我们可以再目标页面通过window.location.search来获取我们需要的参数及其值,接下来为大家介绍下详细获取方法,感兴趣的朋友可以参考下哈
    2013-04-04
  • 向fckeditor编辑器插入指定代码的方法

    向fckeditor编辑器插入指定代码的方法

    向fckeditor编辑器插入指定代码的方法...
    2007-05-05

最新评论