`

XPath 实例(w3school)

    博客分类:
  • XML
阅读更多

XPath 使用路径表达式来选取 XML 文档中的节点或节点集。节点是通过沿着路径 (path) 或者步 (steps) 来选取的。

XML 实例文档

我们将在下面的例子中使用这个 XML 文档。

 

<?xml version="1.0" encoding="ISO-8859-1"?>

<bookstore>

<book>
  <title lang="eng">Harry Potter</title>
  <price>29.99</price>
</book>

<book>
  <title lang="eng">Learning XML</title>
  <price>39.95</price>
</book>

</bookstore>

选取节点

XPath 使用路径表达式在 XML 文档中选取节点。节点是通过沿着路径或者 step 来选取的。

下面列出了最有用的路径表达式:

表达式

描述

nodename

选取标签名为 nodename的所有 节点的集合

/

从根节点开始搜索

// nodename

从根节点开始搜索名为 nodename的所有节点的集合 ,而不考虑它们的位置(即深度)

.

选取当前节点

..

选取当前节点的父节点

@

选取属性

 

实例

在下面的表格中,我们已列出了一些路径表达式以及表达式的结果:

路径表达式

结果

bookstore

从当前节点开始(上下文节点)选取 名为 bookstore 所有节点的集合

/bookstore

从根开始选取 名为 bookstore 所有节点的集合

 

注释:假如路径起始于正斜杠 ( / ) ,则此路径始终代表到某元素的绝对路径!

bookstore/book

选取所有属于 bookstore 的子元素的 book 元素集合。

//book

选取所有 book 子元素集合,而不管它们在文档中的位置。

bookstore//book

选择所有属于 bookstore 元素的后代的 book 元素集合,而不管它们位于 bookstore 之下的什么位置。

//@lang

选取所有名为 lang 的属性集合。

 

<script type="text/javascript" src="detect.js"></script>
<script type="text/javascript" src="xmldom.js"></script>
<script type="text/javascript">
if (isMoz) {
	Element.prototype.selectNodes = function (sXPath) {
		var oEvaluator = new XPathEvaluator();
		var oResult = oEvaluator.evaluate(sXPath, this,
		 null, XPathResult.ORDERED_NODE_ITERATOR_TYPE, null);
		var aNodes = new Array;
		if (oResult != null) {
			var oElement = oResult.iterateNext();
			while (oElement) {
				aNodes.push(oElement);
				oElement = oResult.iterateNext();
			}
		}
		return aNodes;
	};
	Document.prototype.selectNodes = Element.prototype.selectNodes;
	Element.prototype.selectSingleNode = function (sXPath) {
		var oEvaluator = new XPathEvaluator();
		var oResult = oEvaluator.evaluate(sXPath, this,
		 null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
		if (oResult != null) {
			return oResult.singleNodeValue;
		} else {
			return null;
		}
	};
	Document.prototype.selectSingleNode = Element.prototype.selectSingleNode;
}
var oXmlDom = new XmlDom();
oXmlDom.onreadystatechange = function () {
	if (oXmlDom.readyState == 4 || (oXmlDom.getReadyState && oXmlDom.getReadyState() == 4)) {
			//如果解释XML出错
		if (oXmlDom.parseError != 0) {
				//Mozilla
			if (oXmlDom.getReadyState) {
				alert(oXmlDom.xml);
			} else {//IE
				var oError = oXmlDom.parseError;
				alert("An error occurred:\nError Code: " + oError.errorCode + "\n" 
				+ "Line: " + oError.line + "\n" 
				+ "Line Pos: " + oError.linepos + "\n"
				+ "Reason: " + oError.reason);
			}
		} else {
			//do somethins ...
			alert("------------XPath = bookstore--------------");
			/*oXmlDom为XML DOM,这里的上下文就是文档,这里的 XPath表达式bookstore
				意思就是选择文档中bookstore元素,即根节点*/
			var lstNodes = oXmlDom.selectNodes("bookstore");
			alert(lstNodes.length);//1
			for (var i = 0; i < lstNodes.length; i++) {
						//bookstore
				alert(lstNodes[i].tagName);
			}
			
			alert("------------XPath = /bookstore--------------");
			/*oXmlDom.documentElement为文档的根元素,即这里的上下文节点是文档的根节点,
				但XPath还是能正确的运行,因为以反杠开前的不绝对路径,与上下文本节点就没有
				关第了,所以与上面的结果是一样的*/
			lstNodes = oXmlDom.documentElement.selectNodes("/bookstore");
			alert(lstNodes.length);//1
			for (var i = 0; i < lstNodes.length; i++) {
						//bookstore
				alert(lstNodes[i].tagName);
			}
			
			alert("------------XPath = bookstore/book--------------");
			lstNodes = oXmlDom.selectNodes("bookstore/book");
			alert(lstNodes.length);//2
			for (var i = 0; i < lstNodes.length; i++) {
				//获取每个book节点的价格				
				alert(lstNodes[i].selectNodes("price")[0].firstChild.nodeValue);
			}
			
			alert("------------XPath = //book--------------");
			//oXmlDom.documentElement.为根元素
			lstNodes = oXmlDom.documentElement.selectNodes("//book");
			alert(lstNodes.length);//2
			for (var i = 0; i < lstNodes.length; i++) {				    
				//获取每个book节点的价格				
				alert(lstNodes[i].selectNodes("price")[0].firstChild.nodeValue);
			}
			
			alert("------------XPath = bookstore//book--------------");
			lstNodes = oXmlDom.selectNodes("bookstore//book");
			alert(lstNodes.length);//2
			for (var i = 0; i < lstNodes.length; i++) {
				//获取每个book节点的价格				
				alert(lstNodes[i].selectNodes("price")[0].firstChild.nodeValue);
			}
			
			alert("------------XPath = //@lang--------------");
			//返回命为lang的所有属性节点集合
			lstNodes = oXmlDom.selectNodes("//@lang");
			alert(lstNodes.length);//2
			for (var i = 0; i < lstNodes.length; i++) {
				//第一次打印: lang = eng
				//第二次打印: lang = eng
				alert(lstNodes[i].nodeName + " = " + lstNodes[i].nodeValue);
			}
		}
	}
};
oXmlDom.load("test.xml");
</script>

 

谓语(Predicates)

谓语用来查找某个特定的节点或者包含某个指定的值的节点。

谓语被嵌在方括号中。

实例

在下面的表格中,我们列出了带有谓语的一些路径表达式,以及表达式的结果:

 

路径表达式

结果

/bookstore/book[1]

选取属于 bookstore  元素的第一个 book 子元素。

/bookstore/book[last()]

选取属于 bookstore  元素的最后一个 book 子 元素。

/bookstore/book[last()-1]

选取属于 bookstore  元素的倒数第二个 book 子元素。

/bookstore/book[position()<3]

选取最前面的两个属于 bookstore 元素的 book 子元素。

//title[@lang]

选取所有拥有名为 lang 的属性的 title 元素。

//title[@lang='eng']

选取所有 title 元素,且这些元素拥有值为 eng lang 属性。

/bookstore/book[price>35.00]

选取所有 bookstore 元素的 book 元素,且其中的 price 元素的值须大于 35.00

/bookstore/book[price>35.00]/title

选取所有 bookstore 元素中的 book 元素的 title 子元素,且其中的 price 元素的值须大于 35.00

 

<script type="text/javascript" src="detect.js"></script>
<script type="text/javascript" src="xmldom.js"></script>
<script type="text/javascript">

if (isMoz) {
	Element.prototype.selectNodes = function (sXPath) {
		var oEvaluator = new XPathEvaluator();
		var oResult = oEvaluator.evaluate(sXPath, this, null, 
		XPathResult.ORDERED_NODE_ITERATOR_TYPE, null);
		var aNodes = new Array;
		if (oResult != null) {
			var oElement = oResult.iterateNext();
			while (oElement) {
				aNodes.push(oElement);
				oElement = oResult.iterateNext();
			}
		}
		return aNodes;
	};
	Document.prototype.selectNodes = Element.prototype.selectNodes;
	Element.prototype.selectSingleNode = function (sXPath) {
		var oEvaluator = new XPathEvaluator();
		var oResult = oEvaluator.evaluate(sXPath, this, null, 
		XPathResult.FIRST_ORDERED_NODE_TYPE, null);
		if (oResult != null) {
			return oResult.singleNodeValue;
		} else {
			return null;
		}
	};
	Document.prototype.selectSingleNode = Element.prototype.selectSingleNode;
}

var oXmlDom = new XmlDom();
oXmlDom.onreadystatechange = function () {
	if (oXmlDom.readyState == 4 || (oXmlDom.getReadyState && oXmlDom.getReadyState() == 4)) {
		//如果解释XML出错
		if (oXmlDom.parseError != 0) {
			//Mozilla
			if (oXmlDom.getReadyState) {
				alert(oXmlDom.xml);
			} else {//IE
				var oError = oXmlDom.parseError;
				alert("An error occurred:\nError Code: " + oError.errorCode + "\n" 
				+ "Line: " + oError.line + "\n" 
				+ "Line Pos: " + oError.linepos + "\n" 
				+ "Reason: " + oError.reason);
			}
		} else {
			//do somethins ...
			alert("------------XPath = /bookstore/book[1]--------------");
			//选取属于  bookstore 元素的第一个  book 子元素。 
			var lstNodes = oXmlDom.selectSingleNode("/bookstore/book[1]");
			//获取每个book节点的价格	29.99
			alert(lstNodes.selectSingleNode("price").firstChild.nodeValue);
			
			alert("------------XPath = /bookstore/book[last()]-------------");
			//选取属于  bookstore 元素的最后一个  book 子 元素。  
			lstNodes = oXmlDom.selectSingleNode("/bookstore/book[last()]");
			//获取每个book节点的价格	39.95
			alert(lstNodes.selectSingleNode("price").firstChild.nodeValue);
			
			alert("------------XPath = /bookstore/book[last()-1]-------------");
			//选取属于  bookstore 元素的倒数第二个  book 子元素。 
			lstNodes = oXmlDom.selectSingleNode("/bookstore/book[last()-1]");
			//获取每个book节点的价格	29.99
			alert(lstNodes.selectSingleNode("price").firstChild.nodeValue);
			
			alert("------------XPath = /bookstore/book[position()<3]-------------");
			//选取最前面的两个属于  bookstore 元素的  book 子元素。
			lstNodes = oXmlDom.selectNodes("/bookstore/book[position()<3]");
			alert(lstNodes.length);//2
			for (var i = 0; i < lstNodes.length; i++) {
				//第一次输出:29.99
				//第二次输出:39.95
				alert(lstNodes[i].selectNodes("price")[0].firstChild.nodeValue);
			}
			
			alert("------------XPath = //title[@lang]-------------");
			//选取所有拥有名为  lang 的属性的  title 元素。 
			lstNodes = oXmlDom.selectNodes("//title[@lang]");
			alert(lstNodes.length);//2
			for (var i = 0; i < lstNodes.length; i++) {
				//第一次输出:Harry Potter
				//第二次输出:Learning XML
				alert(lstNodes[i].firstChild.nodeValue);
			}
			
			alert("------------XPath = //title[@lang='eng']-------------");
			//选取所有  title 元素,且这些元素拥有值为  eng 的  lang 属性。 
			lstNodes = oXmlDom.selectNodes("//title[@lang='eng']");
			alert(lstNodes.length);//2
			for (var i = 0; i < lstNodes.length; i++) {
				//第一次输出:Harry Potter
				//第二次输出:Learning XML
				alert(lstNodes[i].firstChild.nodeValue);
			}
			
			alert("------------XPath = /bookstore/book[price>35.00]-------------");
			//选取所有bookstore元素的book元素,且其中的price元素的值须大于35.00 
			lstNodes = oXmlDom.selectNodes("/bookstore/book[price>35.00]");
			alert(lstNodes.length);//2
			for (var i = 0; i < lstNodes.length; i++) {
				//第一次输出:39.95
				alert(lstNodes[i].selectNodes("price")[0].firstChild.nodeValue);
			}
			
			alert("-------XPath = /bookstore/book[price>35.00]/title---------");
			//选取所有bookstore元素中的book元素的title 元素且其中的price元素的值须大于35.00 
			lstNodes = oXmlDom.selectNodes("/bookstore/book[price>35.00]/title");
			alert(lstNodes.length);//2
			for (var i = 0; i < lstNodes.length; i++) {
				//第一次输出:Learning XML
				alert(lstNodes[i].firstChild.nodeValue);
			}
		}
	}
};
oXmlDom.load("test.xml");
</script>

选取未知节点

XPath 通配符可用来选取未知的 XML 元素。

通配符

描述

*

匹配任何元素节点

@*

匹配任何属性节点

node()

匹配任何类型的节点

实例

在下面的表格中,我们列出了一些路径表达式,以及这些表达式的结果:

路径表达式

结果

/bookstore/*

选取 bookstore 元素的所有子节点

//*

选取文档中的所有元素

//title[@*]

选取所有带有属性的 title 元素。

 

alert("------------XPath = /bookstore/*-------------");
//选取bookstore元素的所有子节点
var lstNodes = oXmlDom.selectNodes("/bookstore/*");
alert(lstNodes.length);//2
for (var i = 0; i < lstNodes.length; i++) {
	//第一次输出:29.99
	//第二次输出:39.95
	alert(lstNodes[i].selectNodes("price")[0].firstChild.nodeValue);
}
alert("------------XPath = //*-------------");
//选取文档中的所有元素
lstNodes = oXmlDom.selectNodes("//*");
alert(lstNodes.length);//2
for (var i = 0; i < lstNodes.length; i++) {
	//第一次:bookstore
	//第二次:book
	//第三次:title
	//第四次:price
	//第五次:book
	//第六次:title
	//第七次:price
	alert(lstNodes[i].tagName);
}
alert("------------XPath = //title[@*]-------------");
//选取所有带有属性的title 元素
lstNodes = oXmlDom.selectNodes("//title[@*]");
alert(lstNodes.length);//2
for (var i = 0; i < lstNodes.length; i++) {
	//第一次:Harry Potter
	//第二次:Learning XML			
	alert(lstNodes[i].firstChild.nodeValue);
}
 

选取若干路径

通过在路径表达式中使用 “|” 运算符,您可以选取若干个路径。

实例

在下面的表格中,我们列出了一些路径表达式,以及这些表达式的结果:

路径表达式

结果

//book/title|//book/price

选取所有 book 元素的 title price 元素。

//title|//price

选取所有文档中的 title price 元素。

/bookstore/book/title|//price

选取所有属于 bookstore 元素的 book 元素的 title 元素,以及文档中所有的 price 元素。

 

alert("------------XPath = //book/title|//book/price-------------");
//选取所有book元素的title和price 元素
var lstNodes = oXmlDom.selectNodes("//book/title|//book/price");
alert(lstNodes.length);//2
for (var i = 0; i < lstNodes.length; i++) {
	//第一次:title
	//第二次:price
	//第三次:title
	//第四次:price
	alert(lstNodes[i].tagName);
}
alert("------------XPath = //title|//price-------------");
//选取所有文档中的title和price元素
lstNodes = oXmlDom.selectNodes("//title|//price");
alert(lstNodes.length);//2
for (var i = 0; i < lstNodes.length; i++) {
	//第一次:title
	//第二次:price
	//第三次:title
	//第四次:price
	alert(lstNodes[i].tagName);
}
alert("------------XPath = /bookstore/book/title|//price-------------");
//选取所有属于bookstore元素的book元素的title 元素,以及文档中所有的price元素
lstNodes = oXmlDom.selectNodes("/bookstore/book/title|//price");
alert(lstNodes.length);//2
for (var i = 0; i < lstNodes.length; i++) {
	//第一次:title
	//第二次:price
	//第三次:title
	//第四次:price
	alert(lstNodes[i].tagName);
}

分享到:
评论

相关推荐

    Xpath指南XPATH实例

    网上找的很好的XPATH指南,里面包含了22个实用例子,看完后,XPATH就懂了。

    w3school chm

    在w3school,我们提供上千个实例。 通过使用我们的在线编辑器,你可以编辑这些例子,并对代码进行实验。 快捷易懂的学习方式 一寸光阴一寸金,因此,我们为您提供快捷易懂的学习内容。 在这里,您可以通过...

    php手册,mysql手册,w3school教程,xpath教程等等大杂烩

    php手册,mysql手册,w3school教程,xpath教程等等大杂烩

    xpath实例语法教程及IBM使用的xpath路径观察器

    不可多得的xpath实例语法教程,里面有详细的实例,是学习xpath的好助手。同时还提供了IBM等大公司都在使用的xpath操作选择路径的观察器及验证器,该观察器及验证器功能很强大,你只要输入xpath查找路径,验证器会...

    XPath实例

    我刚开始学习xml,做了一个XPath实例

    w3school 教程(离线中文版)

    XML教程:XML DTD XML DOM XSL XSLT XSL-FO XPath XQuery XLink XPointer Schema XForms SOAP WSDL RDF RSS WAP Web Services 多媒体:Media SMIL SVG 建站手册:网站构建 万维网联盟 (W3C) 浏览器信息 网站品质 ...

    w3school教程(2013-2-26 制作的最新版CHM)

    w3school教程(2013-2-26 制作的最新版CHM),花了我不少时间哇~ --------------------------------------------------------- 不相信的可以到这个网站确认下: 这个是我在2012-6-4 制作的~ ...

    W3school.chm

    在w3school,我们提供上千个实例。 通过使用我们的在线编辑器,你可以编辑这些例子,并对代码进行实验。 快捷易懂的学习方式 一寸光阴一寸金,因此,我们为您提供快捷易懂的学习内容。 在这里,您可以通过一种...

    w3school web编程教程

    在w3school,你可以找到你所需要的所有的网站建设教程。 从基础的HTML到XHTML,乃至进阶的XML、SQL、数据库、多媒体和WAP。 HTML教程 HTML XHTML CSS TCP/IP XML教程 XML DTD XML DOM XSL XSLT XSL-FO ...

    w3school XML网络 教程完整版

    文档中包含了W3C XML在线教程的全部内容,并包含了XML相关技术,包括SOAP web service、wsdl、 Xlink、xpath、 Xquery,内容全,容量大。 w3school XML 教程 完整版

    W3school离线手册2018.04.14.CHM

    W3school离线手册2018.04.14HTML、XHTML、CSS、XML、DOM、Javascript、Ajax、DHTML、Wap、PHP、XPath、.net、xslt、ADO等

    w3school最新版11.12.6.chm

    最新版w3school帮助文档,集成了最新的jQuery 高压缩 只有不足6M的文件 包含的技术有: HTML教程 HTML XHTML CSS TCP/IP XML教程 XML DTD XML DOM XSL XSLT XSL-FO XPath XQuery XLink XPointer ...

    W3SCHOOL中文离线版教程

    领先的 Web 技术教程 - 全部免费,在 w3school,你可以找到你所需要的所有的网站建设教程。 从基础的 HTML 到 CSS,乃至进阶的XML、SQL、JS、PHP 和 ASP.NET。 包含HTML教程、浏览器脚本、服务器脚本、XML教程、Web ...

    w3school 5.0.CHM

    很全的教程,包括:HTML ,XHTML ,CSS ,TCP/IP ,XML ,DTD ,XML DOM ,XSL ,XSLT ,XSL-FO ,XPath ,XQuery ,XLink ,XPointer ,Schema ,XForms ,SOAP ,WSDL ,RDF ,RSS ,WAP ,Web Services ,JavaScript ,HTML DOM ,DHTML ,...

    w3school 教程CHM,把学校搬回家

    此CHM的版权完全归 w3school 所以,本人纯属学习方便才整理制作。如果您得到此CHM文档,请勿随意传播及用于商业用途。由此产生的法律问题本人概不负责。 内容包括: HTML教程:HTML XHTML CSS TCP/IP 浏览器脚本:...

    w3school.com.cn整站下载 领先的 Web 技术教程 离线学习

    领先的 Web 技术教程,在w3school,你可以找到你所需要的所有的网站建设教程。 从基础的HTML到XHTML,乃至进阶的XML、SQL、数据库、多媒体和WAP。 完整的网站技术参考手册 我们的参考手册涵盖了网站技术的方方面面。...

    XPath经典实例教程.rar

    XPath经典教程,首次把这套经典教程做成电子书。 非常浅显易懂,而且实用,是xml新手、老手不可多得的必备手册。

    w3school网站打包成chm编程手册大全

    我花时间用软件将w3school网站的学习手册内容打包成一个cmh文件,从些查询任何编程资料,只要有他就可以 HTML教程 HTML XHTML CSS TCP/IP XML教程 XML DTD XML DOM XSL XSLT XSL-FO XPath XQuery XLink ...

    python 中xpath爬虫实例详解

    主要介绍了python实例:xpath爬虫实例,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

    xpath项目实例

    xpath项目实例

Global site tag (gtag.js) - Google Analytics