将 NodeList 转换为数组

发布于 2024-10-09 08:08:45 字数 509 浏览 5 评论 0原文

我很难在 IE 8 中将 NodeList 转换为数组。以下内容在 Chrome 中完美运行，但在 IE 8 中 toArray() 不被识别为有效：

NodeList.prototype.toArray = function() {
    var a = [];

    for (var i = 0, len = this.length; i < len; i++) {
        a[i] = this[i];
    }

    return a;
}

document.all.tags("div").toArray();

我尝试将原型函数添加到数组中只是为了检查我的理智并且它工作正常。这让我觉得 IE 8 实际上并没有返回 NodeList ？这是一个完整的示例：

http://jsfiddle.net/e4RbH/

我做错了什么？

原文

I'm having a hard time converting a NodeList to an array in IE 8. The following works perfectly in Chrome, but in IE 8 toArray() is not recognized as valid:

NodeList.prototype.toArray = function() {
    var a = [];

    for (var i = 0, len = this.length; i < len; i++) {
        a[i] = this[i];
    }

    return a;
}

document.all.tags("div").toArray();

I tried adding a prototype function to an array just to check my sanity and it works correctly. That makes me think IE 8 doesn't actually return a NodeList? Here's a full example:

http://jsfiddle.net/e4RbH/

What am I doing wrong?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

失与倦＂ 2024-10-16 08:08:45

如果您正在寻找使用 ES6 的现代答案：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from

var nodes = document.querySelectorAll('div');
nodes = Array.from(nodes);

If you're looking for a modern answer using ES6:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from

var nodes = document.querySelectorAll('div');
nodes = Array.from(nodes);

回复收藏 0 原文

心如荒岛 2024-10-16 08:08:45

老问题，但这是一个尝试过的问题true 方法：

var nodes=document.querySelectorAll("div"); //  returns a node list
nodes=Array.prototype.slice.call(nodes);    //  copies to an array

说明

document.querySelectorAll 使用 CSS 样式选择器来查找元素并返回节点列表。它从 IE 8 开始工作。
slice 方法将类数组集合的一部分（在本例中为全部）复制到新数组中。
call 允许您借用一个对象的方法以在另一个对象上使用。

要查找节点列表，您也可以使用“document.getElementsByTagName()”，但这个更灵活。

Old question, but here is a tried & true method:

var nodes=document.querySelectorAll("div"); //  returns a node list
nodes=Array.prototype.slice.call(nodes);    //  copies to an array

Explanation

document.querySelectorAll uses a CSS-style selector to find elements and returns a node list. It works as of IE 8.
The slice method copies a portion of an array-like collection (in this case all of it) into a new array.
call allows you to borrow a method from one object to use on another

To find the node list you could also have used `document.getElementsByTagName(), but this one is more flexible.

回复收藏 0 原文