WebDriver提供了八种元素定位方法,在python 语言中,方法如下:
- id定位:find_element_by_id("id值");id属性是唯一的。
1 driver.find_element_by_id("account").send_keys("admin")#输入账号
2 driver.find_element_by_id("password").send_keys("111111")#输入密码
3 driver.find_element_by_id("btnsubmit").click()#登录
- name定位:find_element_by_name("name值");HTML规定name来指定元素的名称,name的属性值,在当前页面中可以不唯一。
1 driver.find_element_by_name("account").send_keys("admin")
2 driver.find_element_by_name("password").send_keys("111111")
3 driver.find_element_by_name("btnsubmit").click()
find_elements_by_name("PeriodName")是因为当前页面有一组radiobutton的name值是PeriodName,所以可以用定位一组元素的方法findElements,定位出来的是结果一个list
- class定位:find_element_by_class_name("class值");HTML规定class来指定元素的类名,用法与id、name类似。
1 driver.find_elements_by_class_name("aopenlink")[0].click()#查看详情
2 driver.find_elements_by_class_name("panel-tool-close")[0].click()#关闭页面
- tag定位:find_element_by_tag_name("input");通过元素的tag name 来定位元素。
tag往往用来定义一类功能,所以通过tag识别某个元素的概率很低。任意打开一个页面,都会发现大量的<div>、<input>、<a>等tag,所以tag name定位很少用。
driver.find_element_by_tag_name("input").click()
- link定位:find_element_by_link_name("text");通过元素标签对之间的文本信息来定位元素。
driver.find_element_by_link_text("新闻").click()
- partial link定位:是对link定位的一种补充,当链接上的文本内容比较长的时候,可以取文本的一部分进行定位,当然这部分可以唯一地标识这个链接
1 driver.find_element_by_partial_link_text("一个很长的").click()
2 driver.find_element_by_partial_link_text("文本链接").click()
前面的几种方式都比较简单,比较理想化,但是现实往往没有那么美好;经常页面没有id,name这些属性值,class name重复性较高,link定位有针对性,那么下面介绍一下Xpath与Css定位方法:
- XPath定位:find_element_by_xpath("");有多种定位策略:
1)绝对路径定位 ;2)利用元素属性定位; 3)层级与属性结合;4)使用逻辑运算符
>> 如果是Firefox浏览器可以使用FirePath插件自动生成xpath。
>> 如果是Chrome浏览器可以使用XpathHelper插件自动生成xpath。
1 driver.find_element_by_xpath("//*[@id=\"kw\"]").click() 2 driver.find_element_by_xpath("//*[@id=\"su\"]").click()
注意:(“//*[@id="su"]”)像这种,引号中还有引号的情况,需要转义一下写成这种:(“//*[@id=\"su\"]”)。
- CSS定位:find_element_by_css_selector("");使用选择器来为页面元素绑定属性,可以灵活地选择控件的任意属性;一般情况定位速度要快于Xpath,但是对于初学者来说有点难度。
1)通过class属性定位:点号(".")表示通过class属性定位。
1 driver.find_element_by_css_selector(".s_ipt").click()
2 driver.find_element_by_css_selector(".bg s_btn").click()
2)通过id属性定位:("#")表示通过id定位元素。
1 driver.find_element_by_css_selector("#KW").click()
2 driver.find_element_by_css_selector("#su").click()
3)通过标签名定位:直接用标签名,不需要任何字符标识,但是标签重复概率很大,通过这种方式很难找到想要的元素。
driver.find_element_by_css_selector("input").click()
4)通过父子关系定位:下面举例中:父元素:span,查找父元素下面的所有input子元素。
driver.find_element_by_css_selector("span>input").click()
5)通过属性定位:("[]"),中括号里的属性可以唯一标识这个元素就可以;属性的值可以加引号,也可以不加
1 driver.find_element_by_css_selector("[name='kw']").click()
2 driver.find_element_by_css_selector('[type="submit"]').click()
6)组合定位:把上面的策略组合起来使用,大大加强了定位元素的唯一性。
1 driver.find_element_by_css_selector("form.fm>span>input.s_ipt").click()
2 driver.find_element_by_css_selector("form#form>span>input#kw").click()
......
- By定位元素
处理前面介绍的定位方法,Webdriver还有另外一套写法,即统一调用find_element()方法,通过By来声明定位的方法,并且传入定位方法的定位参数。
find_element()方法只用于定位元素。它需要两个参数,第一个参数是定位的类型,由By提供;第二个参数是定位的具体方式。
from selenium.webdriver.common.by import By #在使用By定位前要将By类导入 find_element(By.ID,"kw") find_element(By.NAME,"wd") find_element(By.CLASS_NAME,"s_ipt") find_element(By.TAG_NAME,"input") find_element(By.LINK_TEXT,"新闻") find_element(By.PARTIAL_LINK_TEXT,"新") find_element(By.XPATH,"//*[@class='bg s_btn']") find_element(By.CSS_SELECTOR,"span.bg s_btn wr>input#su")