Js把IE COM数组列表转换成数组

今天写组件的时候遇到一个问题,就是当我需要对获取到的对象列表进行删减的时候,发现没有合适的方法,比如:

//获取图片列表
var imgs = document.getElementsByTagName("img");

这个列表可以用imgs[0]的数组方法访问元素,但是不能用数组的方法进行编辑.

shift()等数组方法无效

removeChild()无效

delete imgs[0]无效

从网上查了查有个方法可以把这对象列表返回成数组:

aImg = Array.prototype.slice.call(imgs);

但是这方法不支持ie,于是就有了现在的最终方法:

复制代码
function convertToArray(nodes){
    var array = null;
    try{
        array = Array.prototype.slice.call(nodes,0);
    }catch(ex){
        array = [];
        for(var i = 0,len =nodes.length; i < len; i++){
            array[i] = nodes[i];
        }
    }
    return array;
}
复制代码

w3c通过try的方式来实现,因为IE的节点列表实现为一个com对象!所以。。。。

原文地址:https://www.cnblogs.com/human/p/3580342.html