iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >js获取多个tagname的节点数组
  • 656
分享到

js获取多个tagname的节点数组

tagname 2022-11-15 22:11:40 656人浏览 薄情痞子
摘要

功能需要,写了个获取多个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

--结束END--

本文标题: js获取多个tagname的节点数组

本文链接: https://www.lsjlt.com/news/172683.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • js获取多个tagname的节点数组
    功能需要,写了个获取多个tagname节点集合的小方法。类似于jQuery的$(‘iput,select,textarea','#form')的效果,返回是按节点在原有文档流中的顺序...
    99+
    2022-11-15
    tagname
  • 如何使用JS获取当前节点的兄弟/父/子节点
    目录JS获取当前节点的方式:获取子节点:获取父节点: 获取兄弟节点总结JS获取当前节点的方式: 通过事件监听器获取当前节点: <button onclick="fun...
    99+
    2023-05-17
    js获取当前节点的父节点 js获取节点的方法 js获取兄弟节点元素
  • jquery如何获取父亲节点的第一个子节点
    这篇文章主要讲解了“jquery如何获取父亲节点的第一个子节点”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“jquery如何获取父亲节点的第一个子节点”吧!...
    99+
    2024-04-02
  • 如何获取一个网站的cdn节点
    获取一个网站的cdn节点的方法:打开终端,输入命令“ping 域名”的方式,可以得到解析到的IP节点。通过chrome浏览器获取 remote address 操作流程,操作方法:在页面空白区域点击右键 → 检查 → 点击 “network...
    99+
    2024-04-02
  • php如何获取多个数组交集
    这篇文章将为大家详细讲解有关php如何获取多个数组交集,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。array_intersect函数-比较数组的键值在PHP中内置了array_intersect函数用来...
    99+
    2023-06-25
  • vue如何获取某个元素节点
    在vue中获取元素节点的方法:1.新建vue.js项目;2.使用this.$refs.方法标记元素;3.执行代码获取元素节点;具体步骤如下:首先,在vue-cli中创建一个vue.js项目;vue create project-namevu...
    99+
    2024-04-02
  • zTree如何获取当前节点的下一级子节点数
    这篇文章主要介绍zTree如何获取当前节点的下一级子节点数,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!使用zTree插件实现树形图中,需要获取当前点击的父节点的子节点数的需求,使用...
    99+
    2024-04-02
  • js如何获取数组极值
    小编给大家分享一下js如何获取数组极值,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!获取数组极值function smallest(array){&nb...
    99+
    2023-06-27
  • js数组的 entries() 获取迭代方法
    目录1、entires() 方法语法详解2、entires() 方法常见使用及注意2.1 返回迭代器对象2.2 for...of...的使用2.3 二维数组行排序1、entires(...
    99+
    2024-04-02
  • JS怎么获取节点并进行兼容性封装
    这篇“JS怎么获取节点并进行兼容性封装”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“JS怎...
    99+
    2024-04-02
  • Python的dom节点怎么获取
    本文小编为大家详细介绍“Python的dom节点怎么获取”,内容详细,步骤清晰,细节处理妥当,希望这篇“Python的dom节点怎么获取”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。1. dom节点1.1 dom...
    99+
    2023-06-28
  • jquery获取子节点和父节点的示例代码
    一、获取子节点 比如是一个 id 为 test 的 div元素,我们这样选中,$('#test'),我们要查找这个div下的一个class为demo的span元素,有一下几种方法 1...
    99+
    2022-11-15
    jquery 子节点 父节点
  • js中如何获取JSON数组的长度
    目录js获取JSON数组的长度js获取json的长度,不需要循环总结js获取JSON数组的长度 假设现在有一个json的数组: var json={a:1,b:2,c:3,d:4};...
    99+
    2023-05-16
    js获取JSON数组长度 js JSON数组长度 获取JSON数组长度
  • php中获取多个数组差集的方法有哪些
    这篇文章主要介绍“php中获取多个数组差集的方法有哪些”,在日常操作中,相信很多人在php中获取多个数组差集的方法有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”php中获取多个数组差集的方法有哪些”的疑...
    99+
    2023-06-25
  • js如何获取数组中的最后一项
    这篇文章主要为大家展示了“js如何获取数组中的最后一项”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“js如何获取数组中的最后一项”这篇文章吧。获取数组中的最后一项如果想获取数组中的最后一项,很多...
    99+
    2023-06-04
  • JavaScript中怎么获取HTML的DOM节点
    JavaScript中怎么获取HTML的DOM节点,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。1. 通过顶层document...
    99+
    2024-04-02
  • javascript如何获取html文件的节点
    本篇文章为大家展示了javascript如何获取html文件的节点,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。本教程操作环境:win...
    99+
    2024-04-02
  • js如何获取对象在数组中的index
    目录获取对象在数组中的index数组的indexOf()方法获取对象在数组中的index 需求:数组中的元素是对象,需要获取对象在数组中的index 方法:使用findIndex方法...
    99+
    2024-04-02
  • js如何从数组中获取惟一的值
    这篇文章主要为大家展示了“js如何从数组中获取惟一的值”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“js如何从数组中获取惟一的值”这篇文章吧。从数组中获取惟一的值要从数组中获得唯一的值,需要使用...
    99+
    2023-06-27
  • react.js怎么获取真实的DOM节点
    这篇文章给大家分享的是有关react.js怎么获取真实的DOM节点的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。为了获取真实的dom节点,文本输入框必须有一个 ref 属性,然后...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作