一起源码网

  • www.171739.xyz
  • 全球最大的互联网技术和资源下载平台
搜索
猜你喜欢
查看: 6020|回复: 1
打印 上一主题 下一主题

如何将childNodes返回的数据转化维数组

[复制链接]

0

主题

0

帖子

1万

积分

钻石会员

Rank: 8Rank: 8

积分
17424
QQ
跳转到指定楼层
楼主
发表于 2020-5-10 13:30 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
//将childNodes返回的数据转化为数组的方法
            function convertToArray(nodes){
                var array=null;
                try{
                    array=Array.prototype.slice.call(nodes,0);
                }catch(ex){
                    array=new Array();
                    for(var i=0,len=nodes.length;i<len;i++){
                        array.push(nodes[i]);
                    }
                }
                return array;
            }
            //筛选节点的方法
            function getElementList(arr,value){
                var arrList=new Array();
                for(var i=0,len=arr.length;i<len;i++){
                    if(arr[i].nodeType==value){
                        arrList.push(arr[i]);
                    }
                }
                return arrList;
            }

  每一个节点都有一个childNodes属性,其中保存着NodeList对象。NodeList是一种类数组对象,用于保存一组有序的节点,可以用过位置来访问这些节点。不过需要大家注意的是,虽然我们可以通过方括号来访问对象,且NodeList也有length属性,但它并不是Array的实例。

  当然,我们也可以通过item()方法来访问NodeList中的节点,就像使用方括号一样,可以进行访问。这两种无论哪种方式都没有问题,而且因为方括号的简便性,所以更受开发人员的青睐。

  在此,笔者仍然推荐以上的NodeList转数组的方法,但是因为在IE8及以下是不支持Array.prototypr.slice.call(soneNode.childNodes,0);这样的方法,所以我们只能通过枚举的方式,将NodeList转化维数组。try-catch捕获错误,并手动创建数组。

以上就是如何将childNodes返回的数据转化维数组 的详细内容,更多请关注php中文网其它相关文章!

分享到:  QQ好友和群QQ好友和群
收藏收藏
回复

使用道具 举报

0

主题

7

帖子

23

积分

新手上路

Rank: 1

积分
23
沙发
发表于 2022-10-6 08:28 | 只看该作者
crm项目平台源代码
回复

使用道具 举报

一起源码让程序更轻更快

www.171739.xyz

工作时间 周一至周六 8:00-17:30

侵权处理

客服QQ点击咨询

关注抖音号

定期抽VIP

Copyright © 2016-2021 https://www.171739.xyz/ 滇ICP备13200218号

快速回复 返回顶部 返回列表