首页 > 代码库 > 35、XPath的使用示例

35、XPath的使用示例

使用Xpath获取页面元素

【参见W3C官网说明】
http://www.w3school.com.cn/xpath/xpath_syntax.asp
 
以下Xpath路径都是获取下面地址的元素
 
可以在console 使用 $x() 执行xpath进行验证

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

表达式描述
nodename选取此节点的所有子节点。
/从根节点选取。
//从匹配选择的当前节点选择文档中的节点,而不考虑它们的位置。
.选取当前节点。
..选取当前节点的父节点。
@选取属性。
*匹配任何元素节点。
@*匹配任何属性节点。
node()匹配任何类型的节点。
|通过在路径表达式中使用“|”运算符,您可以选取若干个路径。
 
结合关键字、索引的运用实例
路径表达式结果
bookstore选取 bookstore 元素的所有子节点。
/bookstore

选取根元素 bookstore。

bookstore/book选取属于 bookstore 的子元素的所有 book 元素。
//book选取所有 book 子元素,而不管它们在文档中的位置。
bookstore//book选择属于 bookstore 元素的后代的所有 book 元素,而不管它们位于 bookstore 之下的什么位置。
//@lang选取名为 lang 的所有属性。
//div/form/input[2] 匹配 上级节点 div 下节点是 form 中的第二个 input 元素
//div//div[@id=‘ls‘]/span[position()=3]position() 索引函数
//div//div[@id=‘ls‘]/span[position()<3]position() 索引函数
//div//div[@id=‘ls‘]/span[last()]last() 索引  表示同级的最后一个元素
//div//div[@id=‘ls‘]/span[last()-1]last() 索引  表示同级的倒数第二个元素
//div//input[@type=‘radio‘ and @value=http://www.mamicode.com/‘sx‘]and 匹配的input元素要两个条件同时满足
//div//input[@name=‘password‘ or @name="username"]or  或者的关系,匹配的input元素两个条件满足一个即可
//div//input[not(@id=‘username‘)]not 除了当前条件 匹配div中id不等于username的所有input元素
//a[contains(@class,‘btn-primary‘)]contains 匹配 a标签的class属性中包含btn-primary元素
//div//input[starts-with(@id,‘user‘)]starts-with 匹配当前id属性是以‘user‘开头的所有input元素
//div[substring(@id,1,11)=‘_mail_input‘]substring 匹配div中id的第1-11个字符内容为 _mail_input 的元素
//div[substring-before(@id,‘-‘)=‘_mail_input_‘]substring-before 匹配div中id内容在 ‘-‘ 之前等于_mail_input_ 的元素
//div[substring-after(@id,‘-‘)=‘_224‘substring-after 匹配div中id内容在 ‘-‘ 之后等于 _224 的元素
bookstore/*选取 bookstore 元素的所有子元素。
//*选取文档中的所有元素
//title[@*]选取所有带有属性的 title 元素。
//input[@*=‘radio‘]选取所有属性值中有radio的input元素
//book/title | //book/price选取 book 元素的所有 title 和 price 元素。
//title | //price选取文档中的所有 title 和 price 元素。
/bookstore/book/title | //price选取属于 bookstore 元素的 book 元素的所有 title 元素,以及文档中所有的 price 元素。

 

XPath 轴

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

轴名称结果
ancestor选取当前节点的所有先辈(父、祖父等)。
ancestor-or-self选取当前节点的所有先辈(父、祖父等)以及当前节点本身。
child选取当前节点的所有子元素。
descendant选取当前节点的所有后代元素(子、孙等)。
descendant-or-self选取当前节点的所有后代元素(子、孙等)以及当前节点本身。
following选取文档中当前节点的结束标签之后的所有节点。
parent选取当前节点的父节点。
preceding选取文档中当前节点的开始标签之前的所有节点。
preceding-sibling选取当前节点之前的所有同级节点。
self选取当前节点。

语法:

轴名称::节点测试[谓语]

实例

 
例子结果
//div[@id=‘ls‘]/child::span选取所有id=ls的div节点的子元素 span 节点(div的子节点)
//span/parent::div选取span的父节点是div的所有节点
//span/ancestor::tr选择span节点的所有 tr 先辈
//div[@id=‘ls‘]/descendant::a选取div节点的所有 a 后代
//div[@id=‘ls‘]/descendant-or-self::a选取div节点的所有 a 后代以及自己本身
//div[@id=‘ls‘]/ancestor-or-self::td选取div节点的所有 td 先辈以及自己本身
//span[@id=‘sf‘]/preceding-sibling::span选取当前节点之前的所有同级 span 节点
//span[@id=‘sf‘]/following-sibling::span选取当前节点之后的所有同级 span 节点
//span[@id=‘sf‘]/preceding::a选取当前span节点之前的所有 a 节点
//span[@id=‘sf‘]/following::a选取当前span节点之后的所有 a 节点
//span[@id=‘sf‘]/self::span选取当前节点span自己 
 

 

35、XPath的使用示例