javascript - 给我一个从 Javascript 对 KML 文档执行 xpath 查询的示例

Question

我正在研究 Javascript 中 xpath 的使用。

我有一个 XMLHttpRequest()，它可以检索 KML 文档。 KML 只是 XML 的一种特殊形式。

我通过xhr.responseXML获取文档，结果如下所示:

<kml xmlns="http://www.opengis.net/kml/2.2">
  <Document>
    <Style id="1">
      <IconStyle>
        <color>7f66CC33</color>
        <Icon>
          <href />
        </Icon>
      </IconStyle>
       ...
    </Style>
    <Folder>
      ....
    </Folder>
  </Document>
</kml>

然后我想对其执行查询以选择节点。

    xmlDom.setProperty("SelectionLanguage", "XPath");
    xmlDom.setProperty("SelectionNamespaces","xmlns='http://www.opengis.net/kml/2.2'");
    nodeList = xmlDom.selectNodes("/kml/Document/Folder");

但这对我不起作用。我希望至少得到一个节点，但我得到的是零。

问题 1:谁能解释为什么这不起作用？

当我调查这个问题时，我惊讶地发现浏览器中的 XML 文档不支持 xpath，以跨浏览器的方式。显然 selectNodes() 函数是 IE 独有的？

Q2:谁能证实这一点？

如果这是真的，那么我应该如何从浏览器中从 XML 文档中选择跨浏览器节点。

问题 3:如何对 XML 文档执行跨浏览器 XPath 查询？

---

ps:我特别不关心做“xpath on html”。这是我正在查询的 XML 文档。

Answer 1

您有:

xmlDom.setProperty("SelectionLanguage", "XPath"); 
xmlDom.setProperty("SelectionNamespaces","xmlns='http://www.opengis.net/kml/2.2'"); 
nodeList = xmlDom.selectNodes("/kml/Document/Folder"); 

必须是:

xmlDom.setProperty("SelectionLanguage", "XPath"); 
xmlDom.setProperty("SelectionNamespaces","xmlns:x='http://www.opengis.net/kml/2.2'"); 
nodeList = xmlDom.selectNodes("/x:kml/x:Document/x:Folder"); 

解释:

XPath 表达式中的任何无前缀名称都被视为属于“无 namespace ”。

因此，表达式:

/kml/Document/Folder

尝试选择“无 namespace ”中名为 Folder 的元素，但在提供的文档中，所有元素都在默认(非空)http://www.opengis 中。 net/kml/2.2 命名空间并且“无命名空间”中没有元素。这就是上面的 XPath 表达式无法选择任何元素的原因。

解决方案是将非空前缀的命名空间绑定(bind)注册到默认命名空间，最重要的是，使用此前缀作为 XPath 表达式中任何名称的前缀.