如何使用Selenium点击含特定onclick事件的元素？

目标元素HTML代码 #

<div class="abcdef_button_small" onclick="if (!check_health(1,3)) return; if (!check_timers(1,$(this))) return; $('#dialog_abcdefs .disabled_controls').show(); cmd('abcdef:perxform',{'id':'5'},true); ">AAAA</div>

已尝试的定位方式 #

XPath #

• //*[@id="abcdef_5"]/div[4]
• /html/body/div[2]/div[3]/div[22]/div[2]/div[4]/div[3]/div[5]/div[4]

Selenium代码 #

WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//div[@onclick='('abcdef:perxform',{'id':'5'},true);']" ))).click()

driver.find_element(By.XPATH,"//div[@onclick=('abcdef:perxform',{'id':'5'},true); ]").click()

问题分析 #

之前的定位失败原因：

1. 直接匹配onclick完整属性值，但实际onclick包含多个前置判断语句，并非仅目标cmd命令，导致匹配失效；
2. 绝对路径XPath完全依赖页面层级结构，一旦页面元素布局变化就会失效；
3. XPath语法错误，字符串嵌套引号处理不当，无法正确解析定位规则。

可行解决方案 #

1. 用contains匹配onclick中的目标命令 #

通过contains()函数匹配onclick属性里的目标cmd片段，无需写完整的onclick内容：

from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

WebDriverWait(driver, 20).until(EC.element_to_be_clickable(
    (By.XPATH, "//div[contains(@onclick, \"cmd('abcdef:perxform',{'id':'5'},true)\")]")
)).click()

2. 结合class和文本定位 #

目标元素有唯一类名abcdef_button_small，且文本为AAAA，组合定位更稳定：

WebDriverWait(driver, 20).until(EC.element_to_be_clickable(
    (By.XPATH, "//div[@class='abcdef_button_small' and text()='AAAA']")
)).click()

3. 直接执行JavaScript触发命令 #

如果元素定位仍有问题，可跳过元素直接执行目标cmd函数：

driver.execute_script("cmd('abcdef:perxform',{'id':'5'},true);")

4. 检查前置条件 #

注意onclick里的check_health(1,3)和check_timers(1,$(this))两个函数，若它们返回false，点击元素也不会触发cmd。可先通过JavaScript检查返回值：

# 检查check_health返回值
health_ok = driver.execute_script("return check_health(1,3);")
# 检查check_timers返回值（需传入目标元素）
element = driver.find_element(By.XPATH, "//div[@class='abcdef_button_small' and text()='AAAA']")
timers_ok = driver.execute_script("return check_timers(1, arguments[0]);", element)

if health_ok and timers_ok:
    element.click()

内容的提问来源于stack exchange，提问作者Berk