Python Selenium点击网页筛选区切换按钮遇TimeoutException求助

目标按钮的HTML代码：

<button _ngcontent-plj-c265="" type="button" class="glyphicon glyph-mini ng-star-inserted expand" aria-expanded="true" aria-label="Title Expand or collapse filter card" style="visibility: visible;" pbi-focus-tracker-idx="6"></button>

尝试了三种点击方法均失败：

• 方法1（显式等待+XPath）：

  sample1 = ui.WebDriverWait(driver, 60).until(EC.element_to_be_clickable(("xpath", '//*[@id="exploreFilterContainer"]/div[2]/div/filter[14]/div/div[1]/div[1]/button[1]'))).click()
  

  抛出TimeoutException

• 方法2（显式等待+CSS选择器）：

  sample2 = ui.WebDriverWait(driver, 60).until(EC.element_to_be_clickable(("css selector", 'button.expand'))).click()
  

  抛出TimeoutException

• 方法3（直接定位XPath）：

  sample3 = driver.find_element("xpath",'//[@id="exploreFilterContainer"]/div[2]/div/filter[14]/div/div[1]/div[1]/button[1]').click()
  

  抛出NoSuchElementException

观察到按钮无ID，但带有aria-expanded="true"属性，推测修改该属性为false可实现切换，但核心问题是Selenium无法识别元素。

可行解决办法 #

1. 用aria-label精准定位 #

按钮的aria-label属性值唯一，适合做定位条件：

# XPath方式
ui.WebDriverWait(driver, 60).until(EC.element_to_be_clickable(
    ("xpath", '//button[@aria-label="Title Expand or collapse filter card"]')
)).click()

# CSS选择器方式
ui.WebDriverWait(driver, 60).until(EC.element_to_be_clickable(
    ("css selector", 'button[aria-label="Title Expand or collapse filter card"]')
)).click()

2. 结合class和aria-expanded缩小范围 #

如果页面有多个expand类按钮，叠加属性筛选：

ui.WebDriverWait(driver, 60).until(EC.element_to_be_clickable(
    ("xpath", '//button[contains(@class,"expand") and @aria-expanded="true"]')
)).click()

3. 处理iframe/Shadow DOM场景 #

如果按钮在iframe里，先切换iframe：

# 定位并切换到目标iframe
iframe = ui.WebDriverWait(driver, 30).until(EC.presence_of_element_located(("xpath", "//iframe[@id='目标iframe的ID']")))
driver.switch_to.frame(iframe)
# 执行上述定位点击代码
# 操作完成后切回主页面
driver.switch_to.default_content()

如果是Shadow DOM，用JS直接定位操作：

button = driver.execute_script("""
return document.querySelector('button.expand[aria-expanded="true"]');
""")
driver.execute_script("arguments[0].click();", button)

4. 直接修改属性触发切换 #

如果点击无效，可通过JS修改aria-expanded属性并触发事件：

button = ui.WebDriverWait(driver, 60).until(EC.presence_of_element_located(
    ("xpath", '//button[@aria-label="Title Expand or collapse filter card"]')
))
# 修改属性值
driver.execute_script("arguments[0].setAttribute('aria-expanded', 'false');", button)
# 强制触发点击确保界面更新
driver.execute_script("arguments[0].click();", button)

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