selenium 八大元素定位方法

对于元素的定位，WebDriver API可以通过定位简单的元素和一组元素来操作。在这里，我们需要告诉Selenium如何去找元素，以至于他可以充分的模拟用户行为，或者通过查看元素的属性和状态，以便我们执行一系列的检查。

在Selenium中，WebDriver提供了多种多样的find_element_by方法在一个网页里面查找元素。这些方法通过提供过滤标准来定位元素。当然WebDriver也提供了同样多种多样的find_elements_by的方式去定位多个元素。

find_element_by与find_elements_by区别：

1、前者返回一个元素对象，后者返回一个列表，列表内每一个都是元素对象；

2、前者若找到多个，只返回第一个，后者全部返回；

1.id

`driver.find_element_by_id(``'kw'``)`

　　备注：

此方法相当于JS中的getElementById（），ID是唯一的

但是ID值也是有可能动态变化的，如果ID是带数字的或者是使用的不太规则的字符串（可能经过编码处理），那么ID值很有可能是动态变化的

尽量避免使用带数字或者不规则的属性去定位元素

2.name

`driver.find_elements_by_name(``'wd'``) ``# 返回的是列表，找出来的元素不一定是唯一的`

name属性经常用来进行元素定位（input输入、标记），但是要注意radio和checkbox，返回的是一个WebElement。

new_ele =driver.find_element_by_name('tj_trnews')
print(new_ele.text) # 获取元素的文本
print(new_ele.get_attribute('href')) # get_attribute方法用于获取某个元素的某个属性
print(new_ele.tag_name)
# 使用这种不唯一的属性定位元素时。可以现在网页上用js定位一下看属性是否是唯一的
# 一个类的方法上有@property，表示把一个方法变为一个属性，叫做动态属性

3.class name

`d ``=` `driver.find_element_by_class_name(``'s_btn'``)``d1 ``=` `driver.find_elements_by_class_name(``'s_btn'``)`

如果classname有空格，要把有空格的部分去掉，再次确认用没用空格的部分查找看是否是唯一的元素

如果用xpath的话，可以有空格

4.tag

基本不用，因为找出来的元素一大把

5.link text

`a ``=` `driver.find_element_by_link_text(``'新闻'``)`

6.partial link text

b=driver.find_element_by_partial_link_text('新') # 通过一部分查找

7.xpath

结合<webservice接口>一文的3.4.1查看

Xpath即为XML路径语言（XML Path Languagr），他是一种用来确定XML文档中某个部分的语言

路径：按路径选择
标签名：选定所有该名的标签
*：选定所有元素
. : 选择当前节点
..: 选择上级节点
//: 选择当前元素下所有级别的元素
[@属性名]：选择所有具有当前属性的元素
[@属性名=属性值]：选择属性=属性值的元素
[子标签名]：选择具有当前子标签的元素
[子标签名='文本']：选择子标签文本的元素
contains():比如当属性值只写部分，可以该函数，如//span[contains(@class,'***')]
text()：文本不是元素属性，不能用@，如//a[contains(text(),'')]

8.css selector

https://www.w3school.com.cn/cssref/css_selectors.asp

8.1 示例：特殊 iframe 操作

iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。

在一个<html>中，包含了另一个<html>

示例

<html>
  <head>
    <title>iframe示例</title>
  </head>
  <body>
    <h1>
      这里是H1，标记了标题
    </h1>
    <p>
      这里是段落，标记一个段落，属于外层
    </p>
    <div>
      <iframe id="iframe-1">
        <html>
          <body>
            <p>
              这里是个段落，属于内层，内联框架中的
            </p>
            <div id="div-1">
              <p class="hahahp">
                这里是div中的段落，需要被定位
              </p>
            </div>
          </body>
        </html>
      </iframe>
    </div>
  </body>
</html>

需要定位上面示例中的``:这里是div中的段落，需要被定位

如下是selenium WebDiriver的代码

## 查找并定位 iframe
element_frame = driver.find_element_by_css_selector('#iframe-1')
## 切换到刚刚查找到的 iframe
driver.switch_to.frame(element_frame)
## 定位 <p>
driver.find_element_by_css_selector('#div-1 > p')
## TODO....
## 退出刚刚切换进去的 iframe
driver.switch_to.default_content()

8.2 示例：特殊 Select 操作

<select> 是选择列表

Select 是个selenium的类selenium.webdriver.support.select.Select

Select 类的路径：

C:Python35Libsite-packagesseleniumwebdriversupportselect.py

<select id="brand">
  <option value ="volvo">Volvo</option>
  <option value ="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

示例，选择 Audi

## 查找并定位到 select
element_select = driver.find_element_by_css_selector('#brand')
## 用Select类的构造方法，实例化一个对象 object_select
object_select = Select(element_select)
## 操作 object_select
object_select.select_by_index(3)
##　也可以这样
object_select.select_by_value('audi')
##　还可以这样
object_select.select_by_visible_text('Audi')

9.总结

使用Xpath这种方式进行定位，webdriver会将整个页面的所有元素进行扫描来找到我们所需的元素, 所以当脚本中大量使用XPath方式定位，会大大降低脚本的执行速度
从源码角度，selenium的定位只有2种：Xpath和css selector
css与xpath区别：

1.css 更加简洁
2.xpath 的功能更强大。对于简单的元素定位，css, 复杂的元素，xpath.

3.xpath 可以使用 text 文本定位， css 不行。

4.效率。通常来说，xpath 的解析效率会低。css 要快一些. IE都慢

'''八大元素定位练习'''
from selenium.webdriver import Chrome

driver = Chrome()

driver.get('http://www.baidu.com')

# 1、ID定位
by_id = driver.find_element_by_id('kw')  # 百度首页的输入框
print('by_id定位的type为：【{}】，value为：【{}】'.format(type(by_id), by_id))

# 2、name定位
by_name = driver.find_element_by_name('wd')  # 百度首页的输入框
by_name1 = driver.find_elements_by_name('wd')  # 百度首页的输入框
print('by_name的type为：【{}】，value为：【{}】'.format(type(by_name), by_name))
print('by_name1的type为：【{}】，value为：【{}】'.format(type(by_name1), by_name1))

# 3、classname定位
# by_class = driver.find_element_by_class_name('btn self-btn bg s_btn')  有空格会报错
by_class = driver.find_element_by_class_name('s_btn')
by_class1 = driver.find_elements_by_class_name('s_btn')
print('by_class的type为：【{}】，value为：【{}】'.format(type(by_class), by_class))
print('by_class1的type为：【{}】，value为：【{}】'.format(type(by_class1), by_class1))

# 4、tagname标签名定位
by_tag = driver.find_element_by_tag_name('input')
print('by_tag的value为：【{}】：'.format(by_tag))

# 5、超链接定位
a = driver.find_element_by_link_text('新闻')
print('超链接定位a的type为：【{}】，value为：【{}】'.format(type(a), a))

# 6、partialLink定位
b = driver.find_element_by_partial_link_text('新')  # 通过一部分查找
print('partialLink定位b的ype为：【{}】，value为：【{}】'.format(type(b), b))

# 7、Xpath定位
c = driver.find_element_by_xpath("//a[text()='学术']")
# d = driver.find_element_by_xpath("//span[contains(@class, 'refresh')]")
d = driver.find_element_by_xpath("//input[@class='s_ipt' and @name='wd' and @id='kw']")
print('Xpath定位c的ype为：【{}】，value为：【{}】'.format(type(c), c))
print('Xpath定位d的ype为：【{}】，value为：【{}】'.format(type(d), d))
e = driver.find_element_by_xpath("//a[contains(text(), '123')]")
f = driver.find_element_by_xpath("//input[contains(@class, 'ipt')]")

# 轴定位
h = driver.find_element_by_xpath("//input[@name='ie']//parent::form[@id='form']")
print(h)