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")
#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")