Python+Selenium基础篇之6-元素定位方法（selenium如何定位元素）

link 定位与前面介绍的几种定位方法有所不同，它专门用来定位文本链接。百度输入框上面的几个文字链接的代码如下。

partial link 定位是对 link 定位的一种补充，有些文字链接比较长，这个时候我们可以取文字链接的部分文字进行定位，只要这部分文字可以唯一地标识这个链接即可。

在理想状态下，一个页面当中每个元素都有唯一的 id 值和 name 值，可以通过它们来查找元素。但在实际项目中并非想象得这般美好，有时候一个元素没有 id 值和 name 值，或者页面上有多个元素属性是相同的；又或者 id 值是随机变化的，在这种情况下，如何定位元素呢？

XPath 定位

绝对路径定位

如果把元素看作人，假设这个人没有任何属性特征（手机号、姓名、身份证号），但这个人一定存在于某个地理位置，如 xx 省 xx 市 xx 区 xx 路 xx 号。对于页面上的元素而言，也会有这样一个绝对地址。

利用元素属性定位

除使用绝对路径外，XPath 还可以使用元素的属性值来定位。

//input 表示当前页面某个 input 标签，[@id=‘kw’] 表示这个元素的 id 值是 kw。如果不想指定标签名，那么可以用星号（*）代替。当然，使用 XPath 不局限于 id、name和 class 这三个属性值，元素的任意属性都可以使用，只要它能唯一标识一个元素。

层级与属性结合

如果一个元素本身没有可以唯一标识这个元素的属性值，那么我们可以查找其上一级元素。如果它的上一级元素有可以唯一标识属性的值，就可以拿来使用。

假如百度输入框没有可利用的属性值，那么可以查找它的上一级属性。例如，小明刚出生的时候没有名字，也没有身份证号，那么亲朋好友来找小明时可以先找到小明的爸爸，因为他爸爸是有很多属性特征的。找到小明的爸爸后，就可以找到小明了。通过 XPath 描述如下：​​find_element_by_xpath("//span[@class='bg s_ipt_wr']/input")​​ span[@class=‘s_ipt_wr’] 通过 class 定位到父元素，后面的/input 表示父元素下面的子元素。如果父元素没有可利用的属性值，那么可以继续向上查找父元素的父元素。

使用逻辑运算符

如果一个属性不能唯一区分一个元素，那么我们可以使用逻辑运算符连接多个属性来查找元素：​​find_element_by_xpath("//input[@id='kw' and @class='s_ipt']")​​

使用 contains 方法

contains 方法用于匹配一个属性中包含的字符串。例如，span 标签的 class 属性为“bgs_ipt_wr”：​​find_element_by_xpath("//span[contains(@calss,'s_ipt_wr')]/input")​​，contains 方法只取了 class 属性中的“s_ipt_wr”部分。

使用 text()方法

text()方法用于匹配显示文本信息。例如，前面通过 link text 定位的文字链接：​​find_element_by_xpath("//a[text(),'新闻')]")​​​。当然，contains 和 text()也可以配合使用：​​find_element_by_xpath("//a[contains(text(),'一个很长的')]")​​。

CSS 定位

CSS 选择器可以较为灵活地选择控件的任意属性，一般情况下，CSS 定位速度比 XPath定位速度快。CSS 选择器的更多用法可以查看 W3CSchool 网站中的 CSS 选择器参考手册（class 定位

find_element_by_css_selector()方法用于在 CSS 中定位元素，点号（.）表示通过 class来定位元素。

find_element_by_css_selector(".s_ipt")find_element_by_css_selector(".s_btn")

通过 id 定位

井号（#）表示通过 id 来定位元素。

find_element_by_css_selector("#kw")find_element_by_css_selector("#su")

通过标签名定位

CSS 中，用标签名定位元素时不需要任何符号标识，直接使用标签名即可：​​find_element_by_css_selector("input")​​。

通过标签层级关系定位

​​find_element_by_css_selector("span > input")​​这种写法表示有父元素，父元素的标签名为 span。查找 span 中所有标签名为 input 的子元素。

通过属性定位

在 CSS 中可以使用元素的任意属性定位，只要这些属性可以唯一标识这个元素。对属性值来说，可以加引号，也可以不加，注意和整个字符串的引号进行区分。

find_element_by_css_selector("[autocomplete=off]")find_element_by_css_selector("[name='kw']")find_element_by_css_selector('[type="submit"]')

组合定位

我们可以把上面的定位策略组合起来使用，这就大大加强了定位元素的唯一性。我们要定位的这个元素标签名为 input，这个元素的 class 属性为 s_ipt；并且它有一个父元素，标签名为 span。它的父元素还有父元素，标签名为 form，class 属性为 fm。我们要找的就是必须满足这些条件的一个元素。

find_element_by_css_selector("form.fm > span > input.s_ipt")find_element_by_css_selector("form#form > span > input#kw")

更多定位用法

查找 class 属性包含“s_ipt_wr”字符串的元素。​​find_element_by_css_selector("[class*=s_ipt_wr]")​​​ 查找 class 属性以“bg”字符串开头的元素。​​find_element_by_css_selector("[class^=bg]")​​ 查找 class 属性以“wrap”字符串结尾的元素。​​find_element_by_css_selector("[class$=wrap]")​​ 查找 form 标签下面第 2 个 input 标签的元素。​​find_element_by_css_selector("form > input:nth-child(2)")​​

用 By 定位元素

本博客摘抄自《Selenium3自动化测试实战——基于Python语言》，详细内容请购买该书进行学习