吐血总结工作中遇到的定位问题，不看一定后悔

XPATH即为XML路径语言，它是一种用来确定XML（标准通用标记语言的子集）文档中某部分位置的语言。Xpath基于XML的树状结构，提供在数据结构树中找寻节点的能力。

– css 和 xpath 高级定位

一、 八大定位

定位方式	对应元素	代码
id	元素的id属性：	driver.findElement(By.id(‘username’));
name	元素的 name 属性:	driver.findElement(By.name(‘pwd’));
className	元素的 class 属性:	driver.findElement(By.className(‘text’));
linktext	a 标签的文字: 登录	driver.findElement(By.linkText(‘登录’));
partialLinkText	使用 a 标签的文字进行模糊
匹配定位: 这个链接很长	driver.findElement(By.partialLinkText(链接));
tagName	标签名称:	driver.findElement(By.tagName(‘button’));
cssSelector	css 表达式，任意元素	driver.findElement(By.cssSelector(‘xx’));
xpath	xpath 表达式，任意元素	driver.findElement(By.xpath(‘xx’));

二、 Css 定位：

	表达式	含义
使用绝对路径定位	html>body>div>nav	从根 html 一路查找到 nav，>表示路径层级
使用 class 名称定位	.form-control	定位class属性为form-control的元素
使用 id 值定位	#top-search-form	定位 id 值为 top-search-form 的元素
使用属性定位元素	input[name=‘word’]	定位 name 属性为 word 的 input 标签元 素
	input[name=‘word’][type=‘text’]	多个属性一起定位
使用属性值的一部分 定位元素	div[id$=‘message’]	以 message 结尾的 id 属性的 div 元素
	div[id*=‘model’]	id 属性值包含 model 的 div 元素
定位同级兄弟元素	button + div	定位与 button 同级的元素，button 之后的 div
使用伪类定位元素	li:first-child	所有同级 li 元素中的第一个
	li:nth-child(2)	所有同级 li 元素中的第 n 个
	li:last-child	所有同级 li 元素中的最后一个

三、Xpath 定位

表格	描述
/	从根节点选取
//	从匹配选择的当前节点选择文档中的节点，而不考虑它们的位置
…	选取当前节点的父节点
@	选取属性
*	匹配任何节点
//title[@lang]	选取所有拥有名为 lang 的属性的title 元素
/bookstore/book[1]	选取属于 bookstore 子元素的第一个 book 元素
/bookstore/book[last()]	选取属于 bookstore 子元素的最后一个 book 元素
/bookstore/book[position()❤️]	选取最前面的两个属于 bookstore元素的子元素的 book 元素
//*[text()=‘文本’]	选取文字为文本的所有元素
//div[contains(@text,‘xxx’)]	选取 text 属性包含 xxx 的 div 元素

四、Xpath 轴

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