确定这个节点集的长度？答案

【问题标题】：Determine the length of this Node-set?确定这个节点集的长度？
【发布时间】：2010-06-26 14:29:50
【问题描述】：

Mozilla 的 Javascript：

  while (result)
    {
    alert(result.childNodes[0].nodeValue);
    //txt=txt+result.childNodes[0].nodeValue+"<br/>";
    result=nodes.iterateNext();
    }

这旨在从 xml 文件中返回一系列字符串。当我使用警报线时，它会按预期以一系列适当的字符串发出警报。注释行上的“txt”变量应该转到函数中更下方的 innerHTML。但是 Firebug 一直告诉我 result.childNodes[0] 是未定义的。为什么会在alert中定义而不是下一行？

我希望有足够的代码来确定问题...如果没有，我会发布更多。

感谢您的帮助

[编辑]

这是结果的定义：

  var x=xmlDoc.responseXML;
  var nodes=x.evaluate(path, x, null, XPathResult.ANY_TYPE, null);
  var result=nodes.iterateNext();

我正在检索 XML

[编辑]

好的，我将迭代器放在这样的 for 循环中：

  for (var i=0; i<2; i++)
    {
    var res=(xmlNodes.childNodes[0].nodeValue);
    txt=txt+res+"<br/>";
    xmlNodes=xmlQuery.iterateNext();
    }

因为我有一个理论，即一旦迭代为空，循环就会失败。这就是发生的事情——它一直有效，直到我将循环设置为高于可用节点的数量。现在我想弄清楚如何获得节点集的“长度”。我该怎么做？

【问题讨论】：

使用 DOM 检查器来浏览问题。
如果您使用的是 Firebug，请尝试使用 console.log() 而不是 alert()。特别是如果您要查找的值是 null 或 undefined，您更有可能在控制台中看到它而不是在警报中看到它。我不知道为什么会这样。
result 是如何定义的？您要检索的元素的 HTML 源代码是什么？

标签： javascript firefox xpath evaluate

【解决方案1】：

到目前为止，我在您显示的代码中没有发现任何问题。如果childNodes[0] 未定义，则它必须是文本节点或空节点，当您尝试访问未定义的属性（例如nodeValue 或childNodes[0]）时应该会看到异常。异常将显示在 alert 或串联或任何其他类型的访问中。

这是您更新后问题的答案。

现在我想弄清楚如何获得节点集的“长度”。我该怎么做？

您可以从评估函数返回以下types of node-sets：

迭代器
快照
第一个节点

我将跳过“第一个节点”，因为这不适用于这种情况。

迭代器

使用迭代器，您只能获得用于顺序遍历节点的iterateNext() 方法。迭代器指的是活动节点，这意味着如果文档中的节点在您遍历结果集时发生变化，则迭代器将变为无效。

这是一个使用迭代器遍历每个结果节点的示例：

var results = doc.evaluate("expr", doc, null, ORDERED_SNAPSHOT, null);
var node;

while(node = results.iterateNext()) {
    console.log(node);
}

如果您想使用迭代器并查找匹配结果的数量，那么一个遍历所有节点并将它们返回到数组中的包装函数可能会很有用。

function evaluateXPath(document, expression) {
    var ANY_TYPE = XPathResult.ANY_TYPE;
    var nodes = document.evaluate(expression, document, null, ANY_TYPE, null);
    var results = [], node;

    while(node = nodes.iterateNext()) {
        results.push(node);
    }

    return results;
}

以数组的形式获取节点并循环数组：

var results = evaluateXPath(doc, "expr");

for(var i = 0; i < results.length; i++) {
    console.log(results[i]);
}

快照

快照在查询时提供节点的静态结果。对文档的更改不会影响此快照。这里有用的接口是snapshotLength 属性和snapshotItem(index) 函数。

这是一个使用快照结果的示例：

var ORDERED_SNAPSHOT = XPathResult.ORDERED_NODE_SNAPSHOT_TYPE;
var results = doc.evaluate("expr", doc, null, ORDERED_SNAPSHOT, null);

for(var i = 0; i < results.snapshotLength; i++) {
    var node = results.snapshotItem(i);
    console.log(node);
}

查看working example。

看来你正在为 Firefox 开发这个。您是否考虑过为此使用E4X？它提供了一个非常简单的接口来处理 XML 文档——用于创建、操作和查询。

【讨论】：

谢谢，这很有启发性。昨晚工作时，我最终使用了查询的快照长度。我想我很好理解你的例子，但我不确定一行（b / c我对javascript很菜鸟）： var results=[], node;告诉我我是否正确——它将变量结果声明为一个空数组，并声明变量节点等于结果。那正确吗？好吧，我将研究 E4X，我想我想在迁移到库之前了解查询 XML DOM 的基础知识。我确信使用该库会节省时间...
@Troy - var results = [], node; 将声明 results 为空数组，节点声明为 null。我们可以在一行中声明多个变量为var a, b, c, ...;。并且每个变量都可以有一个值，就像我们对结果所做的那样，或者什么都没有（这将使用undefined 对其进行初始化）。 E4X 不是库。它是一种规范，只有 Firefox 在浏览器中支持，但它使 XML 处理变得轻而易举。如果您有时间，请查看this tutorial。

【解决方案2】：

现在我想弄清楚如何获取节点集的“长度”。如何我应该这样做吗？

在 XPath 中，这是使用标准 XPath count() 函数实现的。

count(someExpression)

计算为someExpression选择的节点数。

【讨论】：