首页 > 代码库 > 我所认识的XPath
我所认识的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中，位置路径可以是绝对的，也可以是相对的。绝对路径起始于正斜杠( / )，而相对路径不会这样。在两种情况中，位置路径均包括一个或多个步，每个步均被斜杠分割。
那么步一般包括：
- 轴（axis）：定义所选节点与当前节点之间的树关系
- 节点测试（node-test）:识别某个轴内部的节点零个或者更多
- 谓语（predicate）:更深入地提炼所选的节点集
我们来看一下步的语法
下面介绍一下有于轴的实例，大家可以用这些实例在我的那个demo里面进入测试来深入了解xpath
我所认识的XPath
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。