如何根据 Selenium 和 Python 提供的 HTML 定位元素

Question

我正在尝试使用 Python 中的 Selenium 单击“下一步”按钮，其源代码为：

<div class="form-group clearfix">
            <button id="experiment-method-previous" type="button" class="btn btn-dark pull-left" ng-click="navigate('run',$event)">Previous</button>
            <button id="experiment-method-next" type="button" class="btn btn-primary pull-right" ng-click="navigate('export',$event)">Next</button>
        </div>

我用这条线：

driver.find_element_by_id('experiment-method-next')

但我收到此错误：

Unable to locate element: [id="experiment-method-next"]

driver.find_element_by_class_name('btn btn-primary pull-right')
Unable to locate element: .btn btn-primary pull-right

有什么想法吗？

Answer 1

根据您共享的 HTML，以在文本为 Next 的元素上调用 click()，您必须诱导 WebDriverWait 元素是可点击的，您可以使用以下任一解决方案：

• CSS_SELECTOR:

  WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "button.btn.btn-primary.pull-right#experiment-method-next"))).click()
  

• XPATH:

  WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//button[@class='btn btn-primary pull-right' and @id='experiment-method-next']"))).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

我认为你的元素在frame/iframe 里面。为了能够与frame/iframe 中的元素进行交互，您必须像这样切换到它的内容：

WebDriverWait(driver, 10).until(EC.frame_to_be_available_and_switch_to_it((By.XPATH, "//path_to_frame")))

然后你可以找到你的元素并与之交互：

WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.ID, "experiment-method-next"))).click()

当您处理完frame 中的内容后，您必须切换回默认内容：

driver.switch_to.default_content()

注意：你必须做一些导入：

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

PS：如果您的元素不在框架内，则只需使用WebDriverWait：

WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.ID, "experiment-method-next"))).click()

这将等待至少 10 秒，直到元素可以点击并且点击它。希望这会有所帮助。

Answer 3

我找到的解决方案是首先杀死我的应用程序打开的任何以前的窗口并切换到最新的窗口：

current_window = driver.window_handles[1]
driver.switch_to_window(current_window)

现在，可以点击下一步按钮，如下所示： driver.find_element_by_id('experiment-method-next').click()

非常感谢用户 Andrei Suvorkov 和 DebanjanB 的帮助。