如何等待元素包含属性 style="display:none;"使用 Selenium 和 Python

Question

使用 Selenium/Python 时，我需要等待/暂停直到：style="display:none;" 显示为 <div id="notification"..</div>

---

点击一个按钮后，显示如下（Loading...）

<div id="notification" class="notification_info" style="opacity: 1; display: inline-block;">Loading...</div>

然后在网页中加载数据集后，Loading... 消失（通过更改 display:none），出现以下内容：

<div id="notification" class="notification_info" style="display: none;">Loading...</div>

---

这将如何完成（检查或等待style="display: none;" 的值）？

因为style=display的页面中有很多<divs>，所以我需要同时等待div的id和style display。

Answer 1

单击所需按钮后，带有Loading... 文本的元素将变为可见。因此，您将HTML DOM 中的元素视为：

<div id="notification" class="notification_info" style="opacity: 1; display: inline-block;">Loading...</div>

加载完成后，通过将 style 属性的 display 属性更改为： 属性使带有 Loading... 文本的元素不可见： p>

style="display: none;"

因此WebElement 在DOM Tree 中表示为：

<div id="notification" class="notification_info" style="display: none;">Loading...</div>

---

解决方案

使用Selenium等待文本为Loading...的元素转为style="display: none;"你需要诱导WebDriverWait为invisibility_of_element()，你可以使用以下Locator Strategies之一：

• 使用CSS_SELECTOR：

  WebDriverWait(driver, 20).until(EC.invisibility_of_element((By.CSS_SELECTOR, "div.notification_info#notification")))
  

• 使用XPATH：

  WebDriverWait(driver, 20).until(EC.invisibility_of_element_located((By.XPATH, "//div[@class='notification_info' and @id='notification']")))
  

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

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

---

参考

您可以在以下位置找到一些相关的详细讨论：

• How to click on anchor element with selenium using python?
• Selenium invisibilityOf(element) method throwing NoSuchElementException + WebDriverWait.ignoring(NoSuchElementException.class) is not working