今天写组件的时候遇到一个问题,就是当我需要对获取到的对象列表进行删减的时候,发现没有合适的方法,比如:
//获取图片列表
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对象!所以。。。。