在HTML中, 节点有三种常见属性, 分别是id, name和class, 其中class是一个特殊的属性, 支持多个类名, 以空格隔开, 如下图所示:

java selenium定位回复 selenium定位class_java selenium定位回复

你是否注意到, 为什么selenium中的find_element_by_class_name, 是by_class_name而不是, by_class呢?
首先我们要区分class属性和class_name的区别, 节点的class属性可以包含多个class_name, 每个以空格隔开, 如上图, 该按钮实际上是一个链接, class属性值为"btn btn-primary my-2", 其中包含三个class_name, 分别为"btn", "btn-primary", "my-2", 通过在开发者工具中按Ctrl+F搜索,我们可以发现"btn-primary"这个class_name是唯一的. 我们可以使用它来定位.

定位方式有3种:

  • 通过某个独特的class_name定位: dr.find_element_by_class_name('btn-primary')
  • 使用xpath通过完整的class属性定位: dr.find_element_by_xpath('//a[@class="btn btn-primary my-2"]')
  • 使用css selector, 通过某个属性或属性组合定位(推荐):
    dr.find_element_by_css_selector('.btn-primary') 或 dr.find_element_by_css_selector('.btn-primary.my-2')

示例代码如下:

from selenium import webdriver

dr = webdriver.Chrome()
dr.get('http://qaschool.cn/')

# dr.find_element_by_class_name('btn-primary').click()  # 通过某个class_name定位
# dr.find_element_by_xpath('//a[@class="btn btn-primary my-2"]').click()  # 通过xpath结合完整的class属性定位

# dr.find_element_by_css_selector('.btn-primary').click()  # 通过css selector结合某个class_name定位
dr.find_element_by_css_selector('.btn-primary.my-2').click()  # 通过css selector结合多个class_name定位

Selenium报错:StaleElementReferenceException

一个学生在操作页面跳转时遇到一个Selenium报错, 如下图所示:

StaleElementReferenceException:  Message: stale element reference: element is not attached to the page document ...

java selenium定位回复 selenium定位class_css_02

出错原因为: Selenium只能操作当前打开页面中的可见元素,当页面跳转, 前进, 后退, 或刷新后, 之前定位到的元素要重新定位才能使用.

可以尝试运行以下脚本, 查看报错信息:

from selenium import webdriver

dr = webdriver.Chrome()
dr.get('http://www.baidu.com')
search = dr.find_element_by_id("kw")

dr.refresh()
# search.send_keys("刷新后输入")  # 报错: StaleElementReferenceException

dr.get("http://www.hao123.com")
# search.send_keys("刷新后输入")  # 报错: StaleElementReferenceException
dr.back()
search.send_keys("刷新后输入")  # 报错: StaleElementReferenceException