js获取多个tagname的节点数组_javascript技巧
程序员文章站
2022-04-23 20:06:38
...
功能需要,写了个获取多个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 if(reg.test(all[ii].nodeName)){
nodes.push(all[ii]);
}
}
//返回
return nodes;
}
复制代码 代码如下:
//获取指定标签类型的节点数组 用例: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
nodes.push(all[ii]);
}
}
//返回
return nodes;
}
来自:mrthink.net
上一篇: jquery比较简洁的软键盘特效实现方法_jquery
下一篇: CSS实现分隔线的多种方法详细讲解
推荐阅读
-
海创软件组--20200712--axios上传文件获取进度--js对多个四边形的点对象数组分别按顺时针排序--定义上传视频并可预览
-
Js数组的操作push,pop,shift,unshift等方法详细介绍_javascript技巧
-
JS获取父节点方法_javascript技巧
-
JS获取并操作iframe中元素的方法_javascript技巧
-
js 获取屏幕各种宽高的方法(浏览器兼容)_javascript技巧
-
让多个输入框中的内容同时变化的js代码_javascript技巧
-
js获取url中指定参数值的示例代码_javascript技巧
-
js创建一个input数组并绑定click事件的方法_javascript技巧
-
用Javascript数组处理多个字符串的连接问题_javascript技巧
-
用Javascript数组处理多个字符串的连接问题_javascript技巧