javascript快速入门26--XPath
XPath 简介
XPath 是一门在 XML 文档中查找信息的语言。XPath 可用来在 XML 文档中对元素和属性进行遍历。XPath 是 W3C XSLT 标准的主要元素,并且 XQuery 和 XPointer 同时被构建于 XPath 表达之上。因此,对 XPath 的理解是很多高级 XML 应用的基础。 其实对些我们并不陌生,最与XPath相似的便是CSS的选择器.在CSS中使用CSS选择符选择元素来应用样式,而在XSLT中则使用XPath,XPath与CSS选择器相比如强大的许多!下面是CSS选择符与XPath选择符一些对照:
- //CSS选择符
- body p //选择所有body下面的p元素
- body>p //选择body的子元素p
- * //选择所有的元素
- //与之对应的XPath选择符
- body//p
- body/p
- *
虽然现在还不能了解这些XPath表达的含意,但可以发现,它和CSS选择符十分相像!但XPath有更强大的地方,比如它可以定位到body元素下具体位置上的p或可以选择前N个p:
- body/p[position()=4] //这个XPath表达式将选取body子元素中第4个p元素,注意这里从1开始计数
- body/p[position()<3] //将选取body子元素中前两个p元素
XPath 使用路径表达式来选取 XML 文档中的节点或者节点集。这些路径表达式和我们在常规的电脑文件系统中看到的表达式非常相似。另外,XPath 含有超过 100 个内建的函数。这些函数用于字符串值、数值,日期和时间比较、节点和 QName 处理、序列处理、逻辑值等等。
书写XPath
XPath使用路径表达式在 XML 文档中选取节点。节点是通过沿着路径(path)或者 步(step) 来选取的。如"/"表示文档节点,"."表示当前节点,而".."则表示当前节点的父节点.示例:
- {因为XPath表示达式中有斜杠,所以暂时用这个表示注释!
- / {选取文档节点,nodeType为9
- /root {选取文档根元素,类似于文件系统的路径(Unix),以/开头的路径都是绝对路径
- /root/child/.. {选取根节点root的子节点child的父节点(就是root)
下面是一些常用路径表达式
- nodeName 选取名称为nodeName的节点
- / 从根节点选取
- // 选择元素后代元素,必须在后面跟上nodeName
- . 选取当前节点
- .. 选取当前节点的父节点
- @ 选取属性节点(@是attribute的缩写)
- <?xml version="1.0"?>
- <root>
- <child attr="attr" />
- <child>
- <a><desc /></a>
- </child>
- </root>
- {针对上面的XML文档的XPath结果,当前节点为document
- /root {选取root
- root {选取root
- child {空,因为child不是document的子元素
- //child {选取两个child元素,//表示后代
- //@attr {选取attr属性节点
- /root/child//desc {返回child的后代元素desc
谓语(Predicates)
谓语用于在查找节点时提供更详尽的信息,谓语被嵌在方括号中。下面是一些带有谓语的XPath表达式:
- /root/child[3] {选取root元素的第三个child子元素,注意,这和数组下标不一样,从1开始计数
- //child[@attr] {选取所有具有属性attr的child元素
- //child[@attr="val"]/desc {选取所有属性attr的值为val的child元素的子元素desc
- //child[desc] {选取所有的有desc子元素的child
- //child[position()>3] {position()是XPath中的一个函数,表示节点的位置
- //child[@attr>12] {XPath表达式还可以进行数值比较,该表达式将选取attr属性值大于12的child元素
- //child[last()] {last()函数返回节点列表最后的位置,该表达式将选取最后一个child元素
通配符
XPath 通配符可用来选取未知的 XML 元素。
- * ,和CSS中的选择符一样,这将匹配任何元素节点
- @* ,匹配任何属性节点
- node() ,匹配任何类型的节点
- /root/* {选取根元素下面的所有子元素
- /root/node() {选取根元素下面的所有节点,包括文本节点
- //* {选取文档中所有元素
- //child[@*] {选取所有具有属性的child元素
- //@* {选取所有的属性节点
组合路径
与CSS中使用逗号组合使用多个选择符一样,XPath支持一种使用"|"来组合多个路径的语法!
- /root | /root/child {选取根元素root与它下面的子元素child
- //child | //desc {选取所有的child元素与desc元素
XPath 运算符
下面列出了可用在 XPath 表达式中的运算符:
- | ,计算两个节点集
- + ,加法
- - ,减法
- * ,乘法
- div ,除法,因为/已经被作为路径符了,所以不能用来作为除法标识
- mod ,取余
- = ,等于
- != ,不等于
- < ,小于
- <= ,小于或等于
- > ,大于
- >= ,大于或等于
- or ,或
- and ,与
XPath 轴
轴可定义某个相对于当前节点的节点集。下面一可用的轴名称与对应的结果:
- ancestor 选取当前节点的所有先辈(父、祖父等)
- ancestor-or-self 选取当前节点的所有先辈(父、祖父等)以及当前节点本身
- attribute 选取当前节点的所有属性
- child 选取当前节点的所有子元素。
- descendant 选取当前节点的所有后代元素(子、孙等)。
- descendant-or-self 选取当前节点的所有后代元素(子、孙等)以及当前节点本身。
- following 选取文档中当前节点的结束标签之后的所有节点。
- namespace 选取当前节点的所有命名空间节点
- parent 选取当前节点的父节点。
- preceding 选取文档中当前节点的开始标签之前的所有节点。
- preceding-sibling 选取当前节点之前的所有同级节点。
- self 选取当前节点。
事实上,一个完整的XPath表达式由"/"与"步"构成的,而步又是由 "轴" 、 "节点测试"和"谓语"构成的.如下:
- step/step/..... {一个XPath表达式
- {step的构成
- 轴名称::节点测试[谓语]
在一般的XPath表达式中,没有谓语即表达没有其它条件限制,而没有轴名称,则默认使用child.如"abc"与"child::abc"是等效的, 下面是一些与使用轴名称等效的简单XPath表达式:
- child::abc --------------------- abc(子元素abc)
- root/attribute::id ------------ root/@id(root的属性id)
- selft::node() ------------------ .(自身)
- parent::node() --------------- ..(父节点)
- child::* ------------------------ *(子元素)
- child::text() ------------------ text()(子文本节点)
- descendant::tag ------------ .//tag (后代tag元素)
XPath还包含一套函数库,如position与last就是函数,一般的函数被用在谓语中,而在XSLT及XQuery中它们则得到了更广泛的使用.
浏览器中的XPath
IE浏览器对XPath的实现比较简单.一个XML DOM对象(及每个节点)都有selectSingleNode与selectNodes方法,传入XPath表达式,selectNodes返回匹配的节点列表,而selectSingleNode则只返回列表中第一个项目!
- var xmlDom = getXMLDOM();//我们之前写的跨浏览器的XML DOM加载函数
- loadXMLFile(xmlDom,"text.xml");
- var root = xmlDom.selectSingleNode("/*");//返回文档根元素
- root = xmlDom.selectNodes("/*")[0];//同上
- var lastChild = xmlDom.selectSingleNode("/*/*[last()]");
Mozilla是根据DOM标准来实现对XPath的支持的。DOM Level 3附加标准DOM Level 3 XPath定义了用于在DOM中计算XPath表达式的接口。遗憾的是,这个标准要比微软直观的方式复杂得多。
虽然有好多与XPath相关的对象,最重要的两个是:XPathEvaluator和XPathResult。XPathEvaluator利用方法evaluate()计算XPath表达式。
evaluate()方法有五个参数:XPath表达式、上下文节点、命名空间解释程序和返回的结果的类型,同时,在XPathResult中存放结果(通常为null)。
命名空间解释程序,只有在XML代码用到了XML命名空间时才是必要的,所以通常留空,置为null。返回结果的类型,可以是以下十个常量值之一:
- XPathResult.ANY_TYPE——返回符合XPath表达式类型的数据
- XPathResult.ANY_UNORDERED_NODE_TYPE——返回匹配节点的节点集合,但顺序可能与文档中的节点的顺序不匹配
- XPathResult.BOOLEAN_TYPE——返回布尔值
- XPathResult.FIRST_ORDERED_NODE_TYPE——返回只包含一个节点的节点集合,且这个节点是在文档中第一个匹配的节点
- XPathResult.NUMBER_TYPE——返回数字值
- XPathResult.ORDERED_NODE_ITERATOR_TYPE——返回匹配节点的节点集合,顺序为节点在文档中出现的顺序。这是最常用到的结果类型
- XPathResult.ORDERED_NODE_SNAPSHOT_TYPE——返回节点集合快照,在文档外捕获节点,这样将来对文档的任何修改都不会影响这个节点列表。节点集合中的节点与它们出现在文档中的顺序一样
- XPathResult.STRING_TYPE——返回字符串值
- XPathResult.UNORDERED_NODE_ITERATOR_TYPE——返回匹配节点的节点集合,不过顺序可能不会按照节点在文档中出现的顺序排列
- XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE——返回节点集合快照,在文档外捕获节点,这样将来对文档的任何修改都不会影响这个节点列表。节点集合中的节点和文档中原来的顺序不一定一样。
下面是使用ORDERED_NODE_ITERATOR_TYPE的例子:
- var xmlDom = getXMLDOM();//我们之前写的跨浏览器的XML DOM加载函数
- loadXMLFile(xmlDom,"text.xml");
- var evaluator = new XPathEvaluator();
- var result =evaluator.evaluate("/root",xmlDom,null,XPathResult.ORDERED_NODE_ITERATOR_TYPE,null);
- var node;
- if (result) {//执行失败会返回null
- while(node=result.iterateNext()) {//这个列表必须使用iterateNext方法遍历
- alert(node.tagName);
- }
- }
javascript快速入门26--XPath的更多相关文章
- JavaScript快速入门(四)——JavaScript函数
函数声明 之前说的三种函数声明中(参见JavaScript快速入门(二)——JavaScript变量),使用Function构造函数的声明方法比较少见,我们暂时不提.function func() { ...
- Javascript快速入门(上篇)
Javascript的熟练之路,小弟来了. JavaScript简介:JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript ...
- javascript快速入门21--DOM总结
跨浏览器开发 市场上的浏览器种类多的不计其数,它们的解释引擎各不相同,期待所有浏览器都一致的支持JavaScript,CSS,DOM,那要等到不知什么时候,然而开发者不能干等着那天.历史上已经有不少方 ...
- Web开发初探之JavaScript 快速入门
本文改编和学习自 A JavaScript Primer For Meteor 和 MDN Web教程 前文 Web开发初探 概述 本文以介绍 JavaScript 为主,初学者掌握本文的内容后,将能 ...
- javascript快速入门
这个在w3school在线文档讲解的很详细,还能在线练习. 所以我只写一些入门的东西和最常用的总结以及注意事项: JavaScript 是脚本语言 一般被人们称为JS,Jquery就是对js语言的封装 ...
- Javascript快速入门(下篇)
Javascript, cheer up. Ajax:其通过在Web页面与服务器之间建立一个额外的处理层,这个处理层就被称为Ajax引擎,它解释来自用户的请求,在后台以异步的方式处理服务器通信,其结构 ...
- JavaScript快速入门(五)——表达式运算
赋值运算 赋值运算的形式为左值 = 右值.如果同个表达式中有多个赋值运算,则从右到左运算.例如: a = b = c; // 和下面两行等价 b = c; a = b; 另外一种赋值运算的形式叫做复合 ...
- javascript快速入门10--运算符,语句
一元运算符 一元运算符只有一个参数,即要操作的对象或值.它们是 ECMAScript 中最简单的运算符. delete 运算符删除对以前定义的对象属性或方法的引用.例如: var obj = new ...
- javascript快速入门8--值,类型与类型转换
原始值和引用值 在ECMAScript中,变量可以存放两种类型的值,即原始值和引用值. 原始值(primitive value)是存储在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量 ...
- javascript快速入门2--变量,小学生数学与简单的交互
变量 对于变量的理解:变量是数据的代号.如同人的名字一样. var num;//在JavaScript中使用关键字var声明一个变量 在JavaScript中,使用上面的语法,就可以声明一个变量,以便 ...
随机推荐
- algorithm ch2 insertsort
刚开始看到insertsort,思路就是使用新来的元素与前述已经排好序的元素比较.然后进行插入或者跳到下一次比较. 实现的代码如下: void InsertSort(int *pArray, int ...
- 详解SHOW PROCESSLIST显示哪些线程正在运行列出的状态
SHOW PROCESSLIST显示哪些线程正在运行.您也可以使用mysqladmin processlist语句得到此信息.如果您有SUPER权限,您可以看到所有线程.否则,您只能看到您自己的线程( ...
- 【SQL】约束与触发器1
一.外键 1.1特点 表A的外键,一定是其他某个表B的主键或有UNIQUE声明的属性. A的外键的值,一定是对应表B中相应的属性值.(空值除外) 1.2声明方法 方法1:属性名 类型 REFERENC ...
- 深入理解Java的注解(Annotation):自定义注解入门(2)
要深入学习注解,我们就必须能定义自己的注解,并使用注解,在定义自己的注解之前,我们就必须要了解Java为我们提供的元注解和相关定义注解的语法. 元注解: 元注解的作用就是负责注解其他注解.Java5. ...
- 工作管理 (job control)
这个工作管理 (job control) 是用在 bash 环境下的,也就是说:『当我们登入系统取得创建的 bash shell 进程之后,在该bush下同时进行多个工作的行为管理 』. 而所有创建的 ...
- ionic3 打包发布,以安卓说明
1 添加图标 ionic cordova resources [<platform>] 官方https://ionicframework.com/docs/cli/cordova/reso ...
- hdu5072
补集转化,求不符合条件的三元组数目 但是怎么统计呢,这里我没想到 [如果三个数a, b, c不符合条件,那么一定有一对是互质的,有一对是不互质的.不妨令a, b互质,b, c不互质.于是我们可以枚举b ...
- AC日记——Crane poj 2991
POJ - 2991 思路: 向量旋转: 代码: #include <cmath> #include <cstdio> #include <cstring> #in ...
- logging 日志两种使用方法(转)
下面我们使用代码logging的代码来说明: 使用baseConfig()函数对 logging进行 简单的 配置: import logging; # 使用baseConfig()函数,可选参数有f ...
- tomcat的环境配置
针对java8 选择tomcat进行配置 Tomcat 环境变量配置: 下载:http://tomcat.apache.org/download-80.cgi 解压后直接copy到C盘,这是免安装版本 ...