0
点赞
收藏
分享

微信扫一扫

使用Xpath获取页面元素


使用Xpath获取页面元素_js

使用Xpath获取页面元素

【参见W3C官网说明】

http://www.w3school.com.cn/xpath/xpath_syntax.asp

以下Xpath路径都是获取下面地址的元素

可以在console 使用 $x() 执行xpath进行验证

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

表达式

描述

nodename

选取此节点的所有子节点。

/

从根节点选取。

//

从匹配选择的当前节点选择文档中的节点,而不考虑它们的位置。

.

选取当前节点。

..

选取当前节点的父节点。

@

选取属性。

*

匹配任何元素节点。

@*

匹配任何属性节点。

node()

匹配任何类型的节点。

|

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

开源优测

分享软件测试开源技术、经验、方案的首发平台

使用Xpath获取页面元素_xpath_02


结合关键字、索引的运用实例

路径表达式

结果

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='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自己 



举报

相关推荐

0 条评论