Javascript,查看"对象节点列表"

Question

在我的一个变量上做一个alert()给了我这个结果

  [object NodeList]

我怎样才能看到其中的所有值？

注意; 我在Firefox上,不知道如何使用chromebug,所以它没有安装.

Answer 1

您可以NodeList按照与数组相同的方式迭代值:

for (var index = 0; index < nodeList.length; index++) {
    alert(nodeList[index]);
}

这是一个很好的资源,有一些更深入的信息:http: //reference.sitepoint.com/javascript/NodeList

Answer 2

更好的选择是不使用alert,因为它将显示对象的toString().使用来自FF和Chrome的console.log将为您提供一个很好的可扩展对象,您可以单击该对象进行钻取

如果你真的需要序列化,你可以使用outerHTML

// Firefox doesn't support outerHTML on nodes, so here's a method that does it
// http://stackoverflow.com/questions/1700870/how-do-i-do-outerhtml-in-firefox
function outerHTML(node){
    return node.outerHTML || new XMLSerializer().serializeToString(node);
}

for (var index = 0; index < nodeList.length; index++) {
    alert(outerHTML( nodeList[i] ) );
}