var anchors = document.getElementsByTagName("a");
var arr = Array.prototype.slice.call(anchors); //非ie浏览器正常
但是，最最遗憾的事情发生了：上面的代码在万恶的IE下不能正常工作，IE会给你提示: 缺少 JScript 对象。
你可能会对上面的一大段分析不屑一顾，认为没有必要将NodeList转换成Array来操作。其实，楼猪个人也认为，不管在哪种编程语言里，类型转换都是非常不明智的行为。最常见的比如c#里的装箱和拆箱，数值型数据转换，有性能问题，一不小心还会触雷。但是为什么楼猪单独要把NodeList当做Array来处理呢？因为动态改变NodeList的时候，直接操作NodeList很可能会误闯禁区而浑然不觉。下面举个例子：
（1）、html文档片段
<div id="divAnchor">
<a href="http://www.cnblogs.com/jeffwongishandsome/">link test</a>
</div>
（2）、javascript测试代码
var anchors = document.getElementsByTagName("a");
for (i = 0; i < anchors.length; i++) {
var ele= document.createElement("a");
ele.setAttribute("href", "http://www.cnblogs.com/jeffwongishandsome/");
ele.appendChild(document.createTextNode("new link test"));
document.getElementById("divAnchor").appendChild(ele); //div附加一个新链接
}
在文档加载结束后，执行上面的脚本。我们的本意是在div内，已经存在的a元素后再附加一个a元素。但是，您可以运行一下，浏览器crash掉了吧？楼猪这里IE直接挂掉，FF提示脚本正忙，是否停止脚本运行，点击停止后，页面内已经生成了n多个a链接。其实我们可以大胆分析出原因来：for循环NodeList（前提：for循环内部添加了新的元素使nodelist长度发生了变化。感谢陈童鞋超群的建议），它的length会不断变化上升，循环循环再循环，最后成了个死循环。而用下面的代码，和我们预期的效果是一样一样的：
var links = document.getElementsByTagName("a");
var anchors = null; //数组
try {
anchors = Array.prototype.slice.call(links);
}
catch (e) { //兼容ie
anchors = new Array();
for (var i = 0; i < links.length; i++) {
anchors.push(links[i]);
}
}
for (i = 0; i < anchors.length; i++) { //数组循环 安全多了
var ele = document.createElement("a");
ele.setAttribute("href", "http://www.cnblogs.com/jeffwongishandsome/");
ele.appendChild(document.createTextNode("new link test"));
document.getElementById("divAnchor").appendChild(ele); //div附加一个新链接
}
那么你可能会问，不转换不行吗？没有那么死板，当然是可以的，只要对我们平时熟悉的编码习惯稍微动点小手术就可以了：
var anchors = document.getElementsByTagName("a");
var len = anchors.length; //定义一个变量
for (i = 0; i < len; i++) { //对局部变量len进行循环
