将childNodes返回的数据转化维数组的方法
2018-06-24 01:56:08来源:未知 阅读 ()
1 //将childNodes返回的数据转化为数组的方法 2 function convertToArray(nodes){ 3 var array=null; 4 try{ 5 array=Array.prototype.slice.call(nodes,0); 6 }catch(ex){ 7 array=new Array(); 8 for(var i=0,len=nodes.length;i<len;i++){ 9 array.push(nodes[i]); 10 } 11 } 12 return array; 13 } 14 //筛选节点的方法 15 function getElementList(arr,value){ 16 var arrList=new Array(); 17 for(var i=0,len=arr.length;i<len;i++){ 18 if(arr[i].nodeType==value){ 19 arrList.push(arr[i]); 20 } 21 } 22 return arrList; 23 }
每一个节点都有一个childNodes属性,其中保存着NodeList对象。NodeList是一种类数组对象,用于保存一组有序的节点,可以用过位置来访问这些节点。不过需要大家注意的是,虽然我们可以通过方括号来访问对象,且NodeList也有length属性,但它并不是Array的实例。
当然,我们也可以通过item()方法来访问NodeList中的节点,就像使用方括号一样,可以进行访问。这两种无论哪种方式都没有问题,而且因为方括号的简便性,所以更受开发人员的青睐。
在此,笔者仍然推荐以上的NodeList转数组的方法,但是因为在IE8及以下是不支持Array.prototypr.slice.call(soneNode.childNodes,0);这样的方法,所以我们只能通过枚举的方式,将NodeList转化维数组。try-catch捕获错误,并手动创建数组。
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- 循序渐进VUE+Element 前端应用开发(4)--- 获取后端数据及产 2020-05-29
- 【Vue】基础(数据 & 计算属性 & 方法) 2020-04-22
- sass常见的基本数据类型+加减乘除基本运算 2020-03-29
- 纯CSS实现带返回顶部右侧悬浮菜单 2020-03-07
- children和childNodes差异【转】 2020-03-05
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash