Selenium 带<a>标签的点击按钮 - 拦截异常</a>

Question

我正在尝试使用 Selenium 在 Python 的网站上单击一个按钮。我想要的按钮的 html 看起来像这样：

<a onclick="exportGridExcel()"><span class="accordion-download"><i class="fa fa-file-excel-o" title="Download Excel" aria-hidden="true"></i></span></a>

html 的扩展版本是：

<div class="lang-switch-wrapper lang-switch-inverse-wrapper">
                            <div class="lang-switch">
                                <ul>
    <li class="dropdown">                        
        <a href="#" class="dropdown-toggle lang-lable" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
            <span class=" hidden-xs">English</span>
            <span class="hidden-lg hidden-md hidden-sm">EN</span>
            <img src="/etc/designs/wbrrdesign/clientlibs-wbrredsign/img/angle-down-gray.svg" alt="dropdown"></a>
        <ul class="dropdown-menu dropdown-item">
            <li><a href="https://espanol.enterprisesurveys.org/es/enterprisesurveys">Español</a></li>
        </ul>
    </li>
</ul>

                            </div>
                        </div>

然后在转到我想要的按钮组和按钮之前还有一些其他的东西：

<div class="button-group">   
        <button onclick="onModifyQuery()" type="button" class="btn">Modify Query</button>
        <a onclick="exportGridExcel()"><span class="accordion-download"><i class="fa fa-file-excel-o" title="Download Excel" aria-hidden="true"></i></span></a>
        <a title="Undo to column removal" onclick="restoreColumn()" class="toggle-btn primary-light-blue-btn"><i class="fa fa-circle-o-notch" aria-hidden="true"></i></a>
    </div>

我的部分困惑是对这个 html 具有多个类和“i类”的经验不足。

编辑：

如果我尝试类似的东西：

WebDriverWait(driver,300).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "a[onclick='exportGridExcel()']"))).click()

然后我得到错误：

ElementClickInterceptedException: element click intercepted: Element <a onclick="exportGridExcel()">...</a> is not clickable at point (772, 11). Other element would receive the click: <div class="lang-switch-wrapper lang-switch-inverse-wrapper">...</div>

Answer 1

问题是您的页面会自动向上滚动，并且 excel 下载按钮可能被包含语言选择器的顶部横幅隐藏了。 当 Selenium 尝试点击 excel 下载按钮时，它找到了语言选择器。

我建议您向上滚动页面，直到整个 data.table 可见

你可以使用这样的东西。 按HOME键go到页面顶部

from selenium.webdriver.common.keys import Keys
...
...
element = WebDriverWait(driver,300).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "a[onclick='exportGridExcel()']")))
element.send_keys(Keys.CONTROL + Keys.HOME)
element.click()

Answer 2

理想情况下，根据您的代码试验点击元素<a onclick="exportGridExcel()">为elementToBeClickable()诱导WebDriverWait应该有效。

但是，似乎有一个后裔<span> 。 因此，您可以使用以下任一定位器策略：

• 使用CSS_SELECTOR ：

   WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "a[onclick^='exportGridExcel'] > span.accordion-download"))).click()

• 使用XPATH ：

   WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//a[starts-with(@onclick, 'exportGridExcel')]/span[@class='accordion-download']"))).click()

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

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

---

在另一种方法中，您还可以按如下方式使用JavascriptExecutor ：

• 使用CSS_SELECTOR ：

   element = WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "a[onclick^='exportGridExcel'] > span.accordion-download"))) driver.execute_script("arguments[0].click();", element)

• 使用XPATH ：

   element = WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//a[starts-with(@onclick, 'exportGridExcel')]/span[@class='accordion-download']"))) driver.execute_script("arguments[0].click();", element)