python - 如何使用 Python 在 Selenium 中为给定的 HTML 构建 xpath

Question

我正在使用 Selenium 和 python 在 telegram web 上执行操作，我获取网页，选择正确的组，但是当我尝试输入时，我必须单击“确定”或“取消”，我想单击好的，但我不知道正确的方法!

情况是:

<button class="btn btn-md btn-md-primary" 
ng-switch="type" ng-click="$close(data)" 
ng-class="{'btn-md-danger': type == 'RESET_ACCOUNT' || type == 'HISTORY_LEAVE_AND_FLUSH' 
|| type == 'HISTORY_FLUSH_AND_DELETE' || type == 'HISTORY_FLUSH'}" my-focused="">
  <!---->
  <!---->
  <!---->
  <!---->
  <!---->
  <!---->
  <!---->
  <!---->
  <!---->
  <!---->
  <!---->
  <!---->
  <!---->
  <!---->
  <!---->
  <!----><span ng-switch-default="" my-i18n="modal_ok" class="" style="">OK</span><!---->
</button>

xpath 是://*[@id="ng-app"]/body/div[6]/div[2]/div/div/div[2]/button[2]/span

我尝试了很多不同的配置，从最简单的 browser.find_element_by_tag_name('//span[text()="OK"]').click 开始一些奇怪的事情browser.find_element_by_xpath('//div[6]/div[2]/div/div/div[2]/button[2][contains(@span, "ng-switch-default")]').click但我不知道如何单击 <span> 中的“确定”标签

Answer 1

根据您共享的 HTML，单击文本为 OK 的元素，因为它是 Angular元素，您必须诱导 WebDriverWait 才能使 元素可点击，如下所示:

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC    
# other lines of code
WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//button[@class='btn btn-md btn-md-primary' and @ng-switch='type']//span[contains(.,'OK')]"))).click()