Webdriver API之元素定位

时间:2023-03-10 02:41:01
Webdriver API之元素定位

Webdriver提供了8种元素定位方法:id、name、class name、tag name、link text、partial link text、xpath、css selector

一、以上8种元素定位,Webdriver提供两套写法

1. 用By定位元素:通过By来声明定位的方法,需引入By模块

find_element(By.ID,"kw")

find_element(By.NAME,"wd")

2. 直接定位

find_element_by_id("kw")

find_element_by_name("wd")

二、定位一组元素

定位一组元素一般用于以下场景:

批量操作元素,例如勾选所有的复选框

先获取一组元素,元素对象以列表形式返回,再从这组对象中过滤出需要操作的元素。例如定位出页面所有的checkbox,然后选择其中的一个进行操作

find_elements_by_id("kw")

find_elements_by_name("wd")

Webdriver API之元素定位

 #coding=utf-8
from selenium import webdriver
import os driver = webdriver.Firefox()
file_path = 'file:///' + os.path.abspath('checkbox.html')
driver.get(file_path) # 选择页面上所有的tag name为input的元素
inputs = driver.find_elements_by_tag_name('input') #然后从中过滤出tpye为checkbox的元素,单击勾选
for i in inputs:
if i.get_attribute('type') == 'checkbox':
i.click() driver.quit()

如何勾选一组元素中的某一个选项呢?

 # 打印当前页面上type为checkbox的个数
print len(checkboxes) # 把页面上最后1个checkbox的勾给去掉
  driver.find_elements_by_css_selector('input[type=checkbox]').pop().click()
# pop()或pop(-1) 默认获取一组元素中的最后一个
#pop(0) 默认获取一组元素中的第一个
#pop(1) 默认获取一组元素中的第二个
#。。。。

三、8种元素定位

1. id定位

HTML规定id属性在HTML文档必须是唯一的。

find_element_by_id("kw")

2. name定位

name的属性值在HTML页面种可以不是唯一的。

find_element_by_name("wd")

3. class定位

通过class属性值来定位元素:

find_element_by_class_name("bg s_btn")

4. tag定位

通过<div>、<input>、<a>等tag来定位元素:

find_element_by_tag_name("input")

5. link定位

专门用来定位文本链接,通过链接文本的内容来定位元素:

find_element_by_link_text("百度新闻")

6. partial link定位

对link定位的一种补充,有些文本链接比较长,这个时候取文本的部分信息来定位元素(条件是能唯一标识这个链接)

find_element_by_partial_link_text("[百]度新[闻]")

7. xpath定位

xpath是一种在XML文档种定位元素的语言,因为HTML页可看作XML的一种实现。xpath定位方法实现基本可以到99%

策略:

  (1)绝对路径定位(不建议,因对页面的应变性太差)

  (2)利用元素属性定位(元素的任意属性都可以,只要是唯一)

    find_element_by_xpath("//input[@id='kw']")

    find_element_by_xpath("//*[@maxlength='100']")

  (3)属性与层级结合

    find_element_by_xpath("//span[@class='bg s_ipt_wr']/input[2]")

  (4)使用逻辑运算符

    find_element_by_xpath("//input[@id='kw' and @class='su']")

8. CSS定位

CSS是一种语言,它用来描述HTML和XML文档的表现。CSS使用选择器来为页面元素绑定属性。一般情况下定位速度要比xpath快,且定位成功率99%

验证方法:使用网站自带的Jquery库可以定位css选择器,$就是jQuery的别称,是jQuery库提供的一个函数。

1、可以通过$ () 里的参数进行查找和选择html文档中的元素

如:

$('#tmp');//这是查找dom的id等于tmp的元素

方法:在浏览器的console里输入:$('')             例:输入$('.bg s_btn')便可验证元素是否被定位到

  定位策略:

  (1)通过class属性定位:

    find_element_by_css_selector(".bg s_btn")

  (2)通过id属性定位:

    find_element_by_css_selector("#kw")

  (3)通过任意属性定位:

    find_element_by_css_selector("[autocomplete='off']")

  (4)组合定位:

    find_element_by_css_selector("span.bg s_btn>input#su")

Webdriver API之元素定位

Webdriver API之元素定位

Webdriver API之元素定位