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 相关文章推荐
在textarea中显示html页面的javascript代码
Apr 20 Javascript
Jquery 弹出层插件实现代码
Oct 24 Javascript
基于jquery的checkbox下拉框插件代码
Jun 25 Javascript
javascript与jquery中跳出循环的区别总结
Nov 04 Javascript
JavaScript组件焦点与页内锚点间传值的方法
Feb 02 Javascript
javascript中闭包(Closure)详解
Jan 06 Javascript
jquery插件EasyUI中form表单提交实例分享
Jan 11 Javascript
如何使用AngularJs打造权限管理系统【简易型】
May 09 Javascript
详解如何为你的angular app构建一个第三方库
Dec 07 Javascript
Node.js assert断言原理与用法分析
Jan 04 Javascript
Vue3 响应式侦听与计算的实现
Nov 11 Javascript
javascript实现点击小图显示大图
Nov 29 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/11/26 PHP
php实现curl模拟ftp上传的方法
2015/07/29 PHP
PHP实现单条sql执行多个数据的insert语句方法
2019/10/11 PHP
WEB 浏览器兼容 推荐收藏
2010/05/14 Javascript
jQuery 选择表格(table)里的行和列及改变简单样式
2012/12/15 Javascript
JS通过分析userAgent属性来判断浏览器的类型及版本
2014/03/28 Javascript
一款基于jQuery的图片场景标注提示弹窗特效
2015/01/05 Javascript
JS选中checkbox后获取table内一行TD所有数据的方法
2015/07/01 Javascript
JavaScript中获取Radio被选中的值
2015/11/11 Javascript
javascript实现列表切换效果
2016/05/02 Javascript
JavaScript 判断一个对象{}是否为空对象的简单方法
2016/10/09 Javascript
nodejs开发——express路由与中间件
2017/03/24 NodeJs
基于ES6作用域和解构赋值详解
2017/11/03 Javascript
JS实现验证码倒计时的注册页面
2018/01/02 Javascript
jQuery实现获取动态添加的标签对象示例
2018/06/28 jQuery
微信小程序页面间传值与页面取值操作实例分析
2019/04/30 Javascript
vue 实现滚动到底部翻页效果(pc端)
2019/07/31 Javascript
JavaScript在web自动化测试中的作用示例详解
2019/08/25 Javascript
python列表去重的二种方法
2014/02/14 Python
Python字典简介以及用法详解
2016/11/15 Python
python3大文件解压和基本操作
2017/12/15 Python
浅谈Python使用Bottle来提供一个简单的web服务
2017/12/27 Python
解决Python pandas df 写入excel 出现的问题
2018/07/04 Python
Python Multiprocessing多进程 使用tqdm显示进度条的实现
2019/08/13 Python
用Python做一个久坐提醒小助手的示例代码
2020/02/10 Python
使用keras框架cnn+ctc_loss识别不定长字符图片操作
2020/06/29 Python
HTML5 canvas实现雪花飘落特效
2016/03/08 HTML / CSS
美国最好的葡萄酒网上商店:Wine Library
2019/11/02 全球购物
美工的岗位职责
2013/11/14 职场文书
金融学专业大学生职业生涯规划
2014/03/07 职场文书
二年级评语大全
2014/04/23 职场文书
建设单位项目负责人任命书
2014/06/06 职场文书
药剂专业毕业生求职信
2014/06/24 职场文书
2015年小学生自我评价范文
2015/03/03 职场文书
七一晚会主持词
2015/06/29 职场文书
如何Python使用re模块实现okenizer
2022/04/30 Python