将NodeList转化成数组

最新推荐文章于 2024-06-23 21:02:08 发布

原创最新推荐文章于 2024-06-23 21:02:08 发布 · 5.9k 阅读

2 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了DOM中ChildNodes属性的使用方法，包括如何通过ChildNodes获取子节点、将其转换为数组形式，以及如何利用ChildNodes实时更新的特点进行DOM操作。

每一个节点都有一个ChildNodes属性，其中保存着一个类数组对象，有length属性，同时可以通过item()或者[]来访问每一项，当然，也可以转化成数组

转化方法

function ConvertToArray(nodes){
    var array=null;
    try{
        array=Array.prototype.slice.call(nodes,0);//非ie浏览器  ie8-将NodeList实现为COM对象，不能用这种方式检测
    }catch(ex){//ie8-
        array=new Array();
        for(var i=0;i<nodes.length;i++){
            array.push(nodes[0]);
        }
    }
return array;
}

知识点

1、Array.prototype.slice.call()实现类数组到数组的转化

2、DOM中的变化会自动反映在ChildNodes中

3、try-catch可以当做一种检测怪癖（bug）的方式