无法通过 Selenium（Python）按类名找到 div

Question

我试图在 url http://gridworlds-multiplayer.org/ 中使用类名“rps-wrapper”访问 div 内的“事件”，但是当我使用该函数时出现错误。

    <div class="rps-wrapper">
        <ul id="events"></ul>
        <div class="controls">
            <div class="chat-wrapper">
                <form id="chat-form">
                    <input id="chat" autocomplete="off" title="chat"/>
                    <button id="say">Say</button>
                </form>
            </div>
        </div>
    </div>

    <script src="/socket.io/socket.io.js"></script>
    <script src="src/client.js"></script>
</body>

from selenium import webdriver

driver = webdriver.Chrome()
driver.get('*the site is here*')
rps_wrapper = driver.find_element_by_class_name('rps-wrapper')

应该得到类名为rps-wrapper的div，但输出错误elenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element: {"method":"css selector","selector":".rps-wrapper"} (Session info: chrome=75.0.3770.142)

Answer 1

要在 <div> 中定位 事件，类名称为 rps-wrapper，因为所需元素位于 <frame> 中，因此您必须：

• 诱导 WebDriverWait 使所需的框架可用并切换到它。
• 诱导 WebDriverWait 使所需的元素可点击。

• 您可以使用以下任一Locator Strategies：

  • 使用CSS_SELECTOR：

    WebDriverWait(driver, 10).until(EC.frame_to_be_available_and_switch_to_it((By.TAG_NAME,"frame")))
    rps_wrapper = WebDriverWait(driver, 10).until(EC.visibility_of_element_located((By.CSS_SELECTOR, "div.rps-wrapper>ul#events")))
    

  • 使用XPATH：

    WebDriverWait(driver, 10).until(EC.frame_to_be_available_and_switch_to_it((By.TAG_NAME,"frame")))
    rps_wrapper = WebDriverWait(driver, 10).until(EC.visibility_of_element_located((By.XPATH, "//div[@class='rps-wrapper']/ul[@id='events']")))
    

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

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

在这里你可以找到Ways to deal with #document under iframe的相关讨论