美文网首页
selenium 元素常用操作详解

selenium 元素常用操作详解

作者: 极客匠 | 来源:发表于2021-07-27 00:09 被阅读0次

简介: 我们在做Web自动化时,最根本的就是操作页面上的各种元素,而操作的基础就是元素的定位,只有准确地定位到唯一元素才能进行后续的自动化控制。

单一属性定位

通过元素ID定位

元素的ID值在当前整个html页面是唯一的,因此可以通过id属性来唯一定位一个元素,这是首选的元素定位方式,但不是每个元素都有ID属性。实例如下:

loc = driver.find_element_by_id("kw")
print(ele.get_attribute('class'))
ele.send_keys('selenium')

通过元素的name

元素的name属性,但name不一定是唯一的,就像大家的身份证ID是唯一的,但是名字是有重复的。dirver.find_element_by_name

只返回第一个匹配到的元素,如果想返回所有匹配到该name到元素,则使用dirver.find_elements_by_name

driver.find_element_by_name('wd')

通过元素的标签名

tag就是元素的标签标识,但不一定是唯一值, element带s时返回匹配到的元素列表

dirvier.find_element_by_tag_name('span')

XPATH定位

xpath时一门在xml文档中查找信息的语言,因为html与xml比较相似,用的比较广泛,所以xpath也可以用在html对元素进行定位。它是将整个html看成一个树形结构,html为根节点,页面当中节点与其他节点可以有祖先、父辈、兄弟、这样的关系,类似一个族谱。

selenium提供的xpath定位的方法名:find_element_by_xpath(xpath表达式),表达式语法如下:

表达式 说明
/ 绝对定位,从根节点选取
// 相对定位,选择匹配的节点
. 选择当前节点
.. 选择当前节点的父节点
@ 选择属性,如:@class="class值",@id="id值",属性放在中括号[]中
* 通配符,匹配所有
@* 通配符,匹配所有属性,如:@*="test"
from selenium import webdriver
import time


driver = webdriver.Chrome()
driver.get("https://www.baidu.com")

# 定位到输入框并输入搜索内容
driver.find_element_by_xpath("//input[@id='kw']").send_keys("selenium")
# 定位到百度按钮,并点击
driver.find_element_by_xpath("//input[@class='btn self-btn bg s_btn']").click()
time.sleep(5)

# 关闭浏览器
driver.quit()   

CSS 定位

css定位也可以较为灵活地选择控件的任意属性,一般情况下定位速度要比xpath要快,但比较复杂,这里只做简单介绍。有兴趣的可以深入了解。

选择器 例子 描述
class .intro class选择器,选择class="intro"的所有元素
#id #firstname id选择器,选择id= " firstname"的所有元素
* * 选择所有元素
element p 元素所有<p>元素
element > element div > input 选择父元素为<div>的所有<input> 元素
element + element div + input 选择同一级中紧接在<div> 元素之后的所有<input> 元素
[attribute= value] [target=_blank] 选择target="_blank"的所有元素。

以百度输入框和搜索框为例:

  • 🍄 find_element_by_css_selector(".s_ipt") #通过class属性定位
  • 🍄 find_element_by_css_selector("#kw") #通过id属性
  • 🍄 find_element_by_css_selector("input") #通过标签名
  • 🍄 find_element_by_css_selector("span>input") #通过父子关系定位,查找span所有标签名叫input的子元素
  • 🍄 find_element_by_css_selector("[name='kw']") #通过属性定位
  • 🍄 find_element_by_css_selector("span.bg s_ipt_wr>input.s_ipt") #组合定位,父元素是span标签名,class属性是.bg s_ipt_wr,有一个子元素,标签名为input,class属性是s_ipt

辅助定位工具: chrome浏览器快捷键f12,打开elements,ctrl+f 可以调出元素查找框,输入表达式,定位元素是否存在且唯一。

相关文章

网友评论

      本文标题:selenium 元素常用操作详解

      本文链接:https://www.haomeiwen.com/subject/hcsnmltx.html