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 相关文章推荐
ASP中用Join和Array,可以加快字符连接速度的代码
Aug 22 Javascript
jquery表单验证框架提供的身份证验证方法(示例代码)
Dec 27 Javascript
Javascript判断文件是否存在(客户端/服务器端)
Sep 16 Javascript
js图片翻书效果代码分享
Aug 20 Javascript
JS实现的添加弹出层并完成锁屏操作示例
Apr 07 Javascript
JS+canvas动态绘制饼图的方法示例
Sep 12 Javascript
vue cli3.0 引入eslint 结合vscode使用
May 27 Javascript
JavaScript解析JSON数据示例
Jul 16 Javascript
jquery实现弹窗(系统提示框)效果
Dec 10 jQuery
jquery实现有过渡效果的tab切换
Jul 17 jQuery
原生JS实现记忆翻牌游戏
Jul 31 Javascript
vue-router中hash模式与history模式的区别
Jun 23 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多用户计数器代码
2007/03/11 PHP
加速XP搜索功能堪比vista
2007/03/22 PHP
php eval函数用法 PHP中eval()函数小技巧
2012/10/31 PHP
PHP中shuffle数组值随便排序函数用法
2014/11/21 PHP
php下载文件,添加响应头的简单实例
2016/09/22 PHP
Laravel 中使用简单的方法跟踪用户是否在线(推荐)
2019/10/30 PHP
js整数字符串转换为金额类型数据(示例代码)
2013/12/26 Javascript
kindeditor修复会替换script内容的问题
2015/04/03 Javascript
理解和运用JavaScript的闭包机制
2015/08/13 Javascript
js实现的简单radio背景颜色选择器代码
2015/08/18 Javascript
简述jQuery ajax的执行顺序
2016/01/05 Javascript
在其他地方你学不到的jQuery小贴士和技巧(欢迎收藏)
2016/01/20 Javascript
Javarscript中模块(module)、加载(load)与捆绑(bundle)详解
2017/05/28 Javascript
Bootstrap模态框插入视频的实现代码
2017/06/25 Javascript
JavaScript中正则表达式使数字、中文或指定字符高亮显示
2017/10/31 Javascript
Vue中使用vee-validate表单验证的方法
2018/05/09 Javascript
JavaScript组合设计模式--改进引入案例分析
2020/05/23 Javascript
jquery实现淡入淡出轮播图效果
2020/12/13 jQuery
[58:46]OG vs NAVI 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
python RabbitMQ 使用详细介绍(小结)
2018/11/08 Python
在python下读取并展示raw格式的图片实例
2019/01/24 Python
Django 多环境配置详解
2019/05/14 Python
解决pycharm安装第三方库失败的问题
2020/05/09 Python
Python常用扩展插件使用教程解析
2020/11/02 Python
python模块内置属性概念及实例
2021/02/18 Python
解决canvas转base64/jpeg时透明区域变成黑色背景的方法
2016/10/23 HTML / CSS
快速实现一个简单的canvas迷宫游戏的示例
2018/07/04 HTML / CSS
美国渔具店:FishUSA
2019/08/07 全球购物
以思科路由器为例你写下单臂路由的配置命令
2013/08/03 面试题
运动会表扬稿大全
2014/01/16 职场文书
小学生差生评语
2014/12/29 职场文书
写给领导的感谢信
2015/01/22 职场文书
故意杀人罪辩护词
2015/05/21 职场文书
详解Vue中$props、$attrs和$listeners的使用方法
2022/02/18 Vue.js
Python用any()函数检查字符串中的字母以及如何使用all()函数
2022/04/14 Python
解决MySQL报“too many connections“错误
2022/04/19 MySQL