如何使用带有 aria-label 的 selenium 在 python 中单击按钮

Question

我正在尝试查找并单击 iframe 上的 关闭 按钮。

<modal-container class="modal fade show" role="dialog" tabindex="-1" style="display: block;" aria-modal="true"><div role="document" class="modal-dialog modal-xl"><div class="modal-content"><div _ngcontent-gtk-c9="" class="modal-header card-header modal-header-news-expanded"><h4 _ngcontent-gtk-c9="" align="center" class="modal-title col-11 text-center">Article Title PDF </h4><button _ngcontent-gtk-c9="" aria-label="Close" class="close close_white_color" type="button"><span _ngcontent-gtk-c9="" aria-hidden="true">×</span></button></div><br _ngcontent-gtk-c9=""><div _ngcontent-gtk-c9="" class="container-fluid"><!----><div _ngcontent-gtk-c9="" class="row"><!----><div _ngcontent-gtk-c9="" class="col-md-12 ng-star-inserted"><!----><iframe _ngcontent-gtk-c9="" id="pdf_iframe_outside_modal" src="link.com" class="ng-star-inserted" cd_frame_id_="337af673cf64fd1888fcd2afe645984c"></iframe><!----></div></div><!----></div></div></div></modal-container>

我尝试了以下方法：

尝试1：

close = driver.find_element_by_xpath("//button[@aria-label=Close']").click()

尝试2：

close = driver.find_element_by_xpath("//button[@class='close close_white_color']").click()

尝试3：

close = driver.find_element_by_xpath("//button[contains(@class,\"close close_white_color\")]").click()

以下错误

错误1：

NoSuchElementException: no such element: Unable to locate element: {"method":"xpath","selector":"//button[@aria-label='Close']"}

错误2：

NoSuchElementException: no such element: Unable to locate element: {"method":"xpath","selector":"//button[@class='close close_white_color']"}

错误3：

NoSuchElementException: no such element: Unable to locate element: {"method":"xpath","selector":"//button[contains(@class,"close close_white_color")]"}

我能够与 iframe 交互，但无法找到此按钮。任何建议将不胜感激

Answer 1

这里有几件事：

• 元素不在iframe 中
• click() 不返回任何内容。

---

解决方案

所需的元素在Modal Dialog Box 内，要点击可点击 元素，您需要将WebDriverWait 诱导为element_to_be_clickable()，您可以使用任一以下Locator Strategies:

• 使用CSS_SELECTOR：

  WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "button.close.close_white_color[aria-label='Close'] > span"))).click()
  

• 使用XPATH：

  //button[@class='close close_white_color' and @aria-label='Close']/span
  

• 注意：您必须添加以下导入：

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