消息：元素点击被拦截：元素 <span>...</span> 在点 (657, 594) 处不可点击。其他元素会收到 Selenium 的点击

Question

我正在制作一个网络爬虫以从https://www.nvidia.com/en-us/shop/geforce/?page=1&limit=9&locale=en-us 获取 gpu 库存以获取 30 系列卡，为此我正在使用带有 bs4 和 selenium 的 python。

我想加载更多的购物项目，网站上有这个load more button。所以我抓住了它的类，让它让硒点击它：

driver.find_element_by_class_name("buy-link").click()

但它表示该元素在不可交互的 HTML 中用于按钮

它给我的确切错误是：

Message: element click intercepted: Element <span class="extra_style buy-link" data-color="#76b900" data-secondary-color="#fff" style="visibility: visible; cursor: pointer;" data-mpn-code="NVGFT070">...</span> is not clickable at point (657, 594). Other element would receive the click: <div class="popBg" id="nv-buy-now-model" style="display: block;">...</div>

我不太懂HTML，怎么实现点击这个按钮

Answer 1

LOAD MORE 元素是一个Angular 元素，因此要单击它，您需要为element_to_be_clickable() 诱导WebDriverWait，您可以使用以下任一Locator Strategies：

• 使用CSS_SELECTOR：

  driver.get("https://www.nvidia.com/en-us/shop/geforce/?page=1&limit=9&locale=en-us")
  WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "div#cookiePolicy-btn-close>span"))).click()
  WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "input.buy-link.load-more-btn[value='LOAD MORE']"))).click()
  

• 使用XPATH：

  driver.get("https://www.nvidia.com/en-us/shop/geforce/?page=1&limit=9&locale=en-us")
  WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//div[@id='cookiePolicy-btn-close']/span"))).click()
  WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//input[@class='buy-link load-more-btn' and @value='LOAD MORE']"))).click()
  

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

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

• 浏览器快照：

Answer 2

问题是该页面上有大约 20 个元素与您的第一个定位器 .find_element_by_class_name("buy-link") 匹配。在这种情况下，如果您使定位器更具体，您可以将其隔离为仅“加载更多”输入按钮。

试试这个

driver.find_element_by_css_selector("input.buy-link").click()

添加等待通常是一个好习惯，除非您确定永远不需要它。

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

wait = WebDriverWait(driver, 10)
wait.until(EC.element_to_be_clickable((By.XPATH, "//span[text()='CLOSE']")).click()
wait.until(EC.element_to_be_clickable((By.CSS_SELECTOR, "input.buy-link")).click()

有关更多信息和详细信息，请参阅the docs。