javascript - "Element is not clickable at point (x,y)"。不可见元素覆盖按钮

Question

我一直在尝试使用 Chrome Webdriver 获取 Selenium 以单击按钮，但有一个元素 <div class="modal-overlay" style="display: block;"></div>覆盖整个页面并且是不可见的，这阻止了我的点击。我该如何解决这个问题？

我试过用这个:

element = driver.find_element_by_xpath("//input[@type='submit']")
driver.execute_script("arguments[0].click();", element)

但是没有成功。在这种情况下我能做什么？编辑:我使用了 luke_aus 答案并从页面上得到了这个:(倒数第三张图片)

http://imgur.com/a/MlmpK

Answer 1

在您的情况下，您需要在点击提交按钮之前强制使覆盖元素不可见，如下所示:-

#first make overlay element invisible 
overlay = driver.find_element_by_css_selector("div.modal-overlay")
driver.execute_script("arguments[0].style.display = 'none'", overlay)

#now find submit button and click 
driver.find_element_by_id("DeleteSurveyO‌​K").click()

Edited1 :- 如果仍然抛出提交按钮不可见的异常，您应该尝试使用 WebDriverWait 等待直到提交按钮在覆盖元素不可见之后可见，如下所示:

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

#first make overlay element invisible 
overlay = driver.find_element_by_css_selector("div.modal-overlay")
driver.execute_script("arguments[0].style.display = 'none'", overlay)

#now find submit button and click 
button = WebDriverWait(driver, 10).until(
EC.visibility_of_element_located((By.ID, "DeleteSurveyO‌​K")))
button.click()

Edited2:- 如果不幸的是提交按钮不可见，请尝试提交表单而不是点击提交按钮，如下所示:-

#first make overlay element invisible 
overlay = driver.find_element_by_css_selector("div.modal-overlay")
driver.execute_script("arguments[0].style.display = 'none'", overlay)

#now submit the form 
driver.find_element‌​_by_id("ModelSurveyFo‌​rm").submit()