如何修复 Python 中的“元素不可交互”Selenium 错误？

Question

我试图单击一个弹出按钮，但我的代码显示错误：

“selenium.common.exceptions.ElementNotInteractableException：消息：元素不可交互”。

我已经搜索但找不到适合我的弹出按钮解决方案。

Image for clicking show 10 rows and displaying the pop-up box附上的图片是想要的结果，'Show 10 rows'在它后面，很容易看到。

我的 HTML 代码中有这个，需要点击按钮。

<div class="table-responsive">
<ul class="nav nav-tabs">
    <li class="active"><a data-toggle="tab" id="loadsur" href="#Section" aria-expanded="true">LoadSurvey</a></li>
</ul>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12" style="margin-left: -10px;">
            <div class="table-responsive">
                <div id="myDataTable25_wrapper" class="dataTables_wrapper no-footer"><div class="dt-buttons">
                <button class="dt-button buttons-csv buttons-html5" tabindex="0" aria-controls="myDataTable25">
                   <span>Csv</span></button> 
                <button class="dt-button buttons-excel buttons-html5" tabindex="0" aria-controls="myDataTable25">
                   <span>Excel</span></button> 
                <button class="dt-button buttons-collection buttons-page-length" tabindex="0" aria-controls="myDataTable25" aria-haspopup="true">
                   <span>Show 10 rows</span></button> 
                </div>
            </div>
        </div>
    </div>
</div>

在 Python 中我试过这个：

def single_meter(i=0):
browser=webdriver.Chrome('C:\Webdrivers\chromedriver.exe')
for row in range (5,10):
    browser.get('http://#link'+consumer_ID+'?reportrange=21%2F07%2F2018-25%2F08%2F2019')
        Show10 = find_element_by_xpath("//button[@class='dt-button buttons-collection buttons-page-length']//span[contains(text(),'Show 10 rows')]")
    Show10.click()

我希望单击此按钮会出现一个弹出按钮。

Answer 1

它可能在iframe 中。

先尝试找到 iframe 并切换到它。

browser = webdriver.Chrome()
browser.get("http:/link") 
frame_id = 'frame'
wait = WebDriverWait(browser, 10)
wait.until(EC.frame_to_be_available_and_switch_to_it((By.ID, frame_id)))

然后尝试点击按钮。

Show10 = wait.until(expected_conditions.element_to_be_clickable((By.XPATH, "//button[@class='dt-button buttons-collection buttons-page-length']//span[contains(text(),'Show 10 rows')]")))
Show10.click()

Answer 2

我找到了解决这个问题的方法。错误在于 xpath 中的链接。我后来从 html 复制并粘贴，现在代码如下：

Show10 = find_element_by_xpath("//*[@id='myDataTable2_wrapper']/div[1]/button[7]/span")
Show10.click()

而且效果很好。感谢大家的帮助。

Answer 3

将xpath 更改为：

//button[@class='dt-button buttons-collection buttons-page-length']//span[contains(text(),'Show 10 rows')]

尝试使用WebDriverWait确保元素存在，并添加expected_conditions直到元素clickable。

导入这个：

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

试试这个：

wait = WebDriverWait(singlemeter, 10)
Show10 = wait.until(expected_conditions.element_to_be_clickable((By.XPATH, "//button[@class='dt-button buttons-collection buttons-page-length']//span[contains(text(),'Show 10 rows')]")))
Show10.click()

或者使用ActionChains，导入这个：

from selenium.webdriver import ActionChains

试试这个：

ActionChains(singlemeter).move_to_element(Show10).click(Show10).perform()