JavaScript DOM操作,getElementsByName() 和 getElementsByTagName() 都会返回NodeList对象,而类似document.images和document.forms返回的是HTMLCollection对象
两者区别: HTMLCollection对象可以通过name属性访问元素,但是不推荐在表单之外的其他标签里使用
类数组集合有length属性,可以像真正的数组一样索引(只能读不能写),不能直接在该类对象上直接调用Array方法
但是可以间接调用:
var list = getElementsByTagName('p'); var content = Array.prototype.map.call(list,function(item) { return item.innerHTML })
该NodeList集合调用了Array的map方法;
另外: NodeList和HTMLCollection对象并不是文档状态的一个静态写照,而通常是实时的,也就是说在文档中新插入一个标签,该集合也会动态改变。
这是一个通用的arguments集合转成数组的函数:
var toArray = function() { try { return Array.prototype.slice.call(arguments); } catch (e) { var arr = []; for (var i = 0, len = arguments.length; i < len; i++) { arr.push(arguments[i]); // arr[i] = arguments[i]; } return arr; } } console.log(toArray("h","e","l","l","o"))