我所认识的XPath

实例demo

测试demo所需要xml测试数据

<?xml version="1.0" encoding="iso-8859-1"?>
<bookstore>
  <book category="COOKING">
    <title lang="en">Everyday Italian</title>
    <author>Giada De Laurentiis</author>
    <year>2005</year>
    <price>30.00</price>
  </book>
  <book category="CHILDREN">
    <title lang="en">Harry Potter</title>
    <author>J K. Rowling</author>
    <year>2005</year>
    <price>29.99</price>
  </book>
  <book category="WEB">
    <title lang="en">XQuery Kick Start</title>
    <author>James McGovern</author>
    <author>Per Bothner</author>
    <author>Kurt Cagle</author>
    <author>James Linn</author>
    <author>Vaidyanathan Nagarajan</author>
    <year>2003</year>
    <price>49.99</price>
  </book>
  <book category="WEB">
    <title lang="en">Learning XML</title>
    <author>Erik T. Ray</author>
    <year>2003</year>
    <price>39.95</price>
  </book>
</bookstore>

测试demo HTML页面结构

    <div id="divResult">这是答案区域</div>
    <hr />
    <input id="txt" type="text" value="/bookstore/book/title" />
    <input id="btn" type="button" value="获得结果" />

测试demo js代码

        /*
        *@desc:加载xml文件
        */
        function loadXMLDoc(path) {
            if (window.XMLHttpRequest) {// code for IE
                xhttp = new XMLHttpRequest();
            }
            else {// code for Mozilla, Firefox, Opera, etc.
                xhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xhttp.open("GET", path, false);
            xhttp.send("");
            return xhttp.responseXML;//返回xml结果
        }


        /*
        *@desc:通过xpath路径来获得相应的xml结果
        */
        function getXmlResultByPath(path) {
            var xml = loadXMLDoc("books.xml"),
                arrResult = [];

            // code for IE
            if (window.ActiveXObject) {
                var nodes = xml.selectNodes(path);
                for (i = 0; i < nodes.length; i++) {
                    if (nodes[i].childNodes[0] == undefined) {
                        arrResult.push(nodes[i].childNodes[0].nodeValue);
                    } else {
                        arrResult.push(nodes[i].nodeValue);
                    }
                }
            }
                // code for Mozilla, Firefox, Opera, etc.
            else if (document.implementation && document.implementation.createDocument) {
                var nodes = xml.evaluate(path, xml, null, XPathResult.ANY_TYPE, null);
                var result = nodes.iterateNext();
                while (result) {
                    if (result.childNodes[0] == undefined) {
                        arrResult.push(result.nodeValue);
                    } else {
                        arrResult.push(result.childNodes[0].nodeValue);
                    }
                    result = nodes.iterateNext();
                }
            }
            return arrResult.join(',');//结果以逗号分隔
        }


        window.onload = function () {
            btn.onclick = function () {
                divResult.innerHTML = getXmlResultByPath(document.getElementById('txt').value);
            }
        }

XPath简介

XPath 是一门在 XML 文档中查找信息的语言。XPath 可用来在 XML 文档中对元素和属性进行遍历。

简单一点的说，xpath就是：

• XPath 使用路径表达式在 XML 文档中进行导航
• XPath 包含一个标准函数库
• XPath 是 XSLT 中的主要元素
• XPath 是一个 W3C 标准

XPath术语

1、节点：在 XPath 中，有七种类型的节点：元素、属性、文本、命名空间、处理指令、注释以及文档节点（或称为根节点）。

就如上面测试的xml文件为例  

<bookstore> （文档节点）
<author>J K. Rowling</author> （元素节点）
lang="en" （属性节点）

2、基本值（或称原子值，Atomic value）：无父或无子的节点。

路径表达式

最基本的路径表达式

对上面最基本的表达式做的实例如下：

如果我们需要查找某个特定的节点或者包含某个指定的值的节点，这就需要谓语表达式了。谓语被嵌在方括号中。

来看一些实例：

XPath轴

轴可定义相对于当前节点的节点集。

在Xpath中，位置路径可以是绝对的，也可以是相对的。绝对路径起始于正斜杠( / )，而相对路径不会这样。在两种情况中，位置路径均包括一个或多个步，每个步均被斜杠分割。

那么步一般包括：

1. 轴（axis）：定义所选节点与当前节点之间的树关系
2. 节点测试（node-test）:识别某个轴内部的节点零个或者更多
3. 谓语（predicate）:更深入地提炼所选的节点集

我们来看一下步的语法

下面介绍一下有于轴的实例，大家可以用这些实例在我的那个demo里面进入测试来深入了解xpath