使用Selenium和Python点击表单单选框遇NoSuchElementException

问题背景 #

尝试用Python+Selenium选择ID为c8829_pk_1050211的单选框，但始终失败。其他通过ID定位元素的操作正常，已尝试加入time.sleep(20)等待表单加载，仍无效。表单的ID和name为formulario，class为form-horizontal。

对应HTML结构 #

<div class="form-group "><label id="d8829_lk_10502" class="control-label col-sm-12" style="text-align: left;" for="c8829_pk_10502">¿Asiste regularmente a clases? <b>*</b></label><div class="controls col-sm-12"><div class="container-fluid"><div class="row"><div class="radio">
                <label>
                    <input id="c8829_pk_1050211" name="c8829_pk_10502" value="11" class="  ef_radio inline" type="radio" required="">
                    100%
                </label>
            </div>
        <div class="radio">
                <label>
                    <input id="c8829_pk_1050210" name="c8829_pk_10502" value="10" class="  ef_radio inline" type="radio" required="">
                    90%
                </label>
            </div>
        <div class="radio">
                <label>
                    <input id="c8829_pk_105029" name="c8829_pk_10502" value="9" class="  ef_radio inline" type="radio" required="">
                    80%
                </label>
            </div>
        <div class="radio">
                <label>
                    <input id="c8829_pk_105028" name="c8829_pk_10502" value="8" class="  ef_radio inline" type="radio" required="">
                    70%
                </label>
            </div>
        <div class="radio">
                <label>
                    <input id="c8829_pk_105027" name="c8829_pk_10502" value="7" class="  ef_radio inline" type="radio" required="">
                    60%
                </label>
            </div>
        <div class="radio">
                <label>
                    <input id="c8829_pk_105026" name="c8829_pk_10502" value="6" class="  ef_radio inline" type="radio" required="">
                    50%
                </label>
            </div>
        <div class="radio">
                <label>
                    <input id="c8829_pk_105025" name="c8829_pk_10502" value="5" class="  ef_radio inline" type="radio" required="">
                    40%
                </label>
            </div>
        <div class="radio">
                <label>
                    <input id="c8829_pk_105024" name="c8829_pk_10502" value="4" class="  ef_radio inline" type="radio" required="">
                    30%
                </label>
            </div>
        <div class="radio">
                <label>
                    <input id="c8829_pk_105023" name="c8829_pk_10502" value="3" class="  ef_radio inline" type="radio" required="">
                    20%
                </label>
            </div>
        <div class="radio">
                <label>
                    <input id="c8829_pk_105022" name="c8829_pk_10502" value="2" class="  ef_radio inline" type="radio" required="">
                    10%
                </label>
            </div>
        <div class="radio">
                <label>
                    <input id="c8829_pk_105021" name="c8829_pk_10502" value="1" class="  ef_radio inline" type="radio" required="">
                    No opina
                </label>
            </div>
        </div></div><span class="js-error"></span></div></div>

尝试的代码 #

# 尝试点击标签
button = driver.find_element_by_id('d8829_lk_10502')
button.click()

# 尝试直接点击单选框（已加固定等待）
time.sleep(20)
button = driver.find_element(By.ID, 'c8829_pk_1050211')
button.click()

报错信息 #

button = driver.find_element_by_id('d8829_lk_10502')
Traceback (most recent call last):
  File "/Users/salva/PycharmProjects/encuestasDocentes/main.py", line 40, in <module>
    button = driver.find_element_by_id('d8829_lk_10502')
  File "/Library/Frameworks/Python.framework/Versions/3.9/lib/python3.9/site-packages/selenium/webdriver/remote/webdriver.py", line 472, in find_element_by_id
    return self.find_element(by=By.ID, value=id_)
  File "/Library/Frameworks/Python.framework/Versions/3.9/lib/python3.9/site-packages/selenium/webdriver/remote/webdriver.py", line 1244, in find_element
    return self.execute(Command.FIND_ELEMENT, {
  File "/Library/Frameworks/Python.framework/Versions/3.9/lib/python3.9/site-packages/selenium/webdriver/remote/webdriver.py", line 424, in execute
    self.error_handler.check_response(response)
  File "/Library/Frameworks/Python.framework/Versions/3.9/lib/python3.9/site-packages/selenium/webdriver/remote/errorhandler.py", line 247, in check_response
    raise exception_class(message, screen, stacktrace)
selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element: {"method":"css selector","selector":"[id="d8829_lk_10502"]"}

解决方案 #

• 检查iframe嵌套：如果目标元素所在表单在iframe内，必须先切换到iframe才能定位：

  # 替换为实际iframe的定位方式（如ID、XPath）
  iframe = driver.find_element(By.ID, "iframe_id")
  driver.switch_to.frame(iframe)
  
  # 定位并点击单选框
  radio_button = WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.ID, 'c8829_pk_1050211')))
  radio_button.click()
  
  # 操作完成后切回主文档
  driver.switch_to.default_content()
  

• 使用显式等待替代固定等待：显式等待能确保元素可交互后再操作，比time.sleep更可靠：

  from selenium.webdriver.support.ui import WebDriverWait
  from selenium.webdriver.support import expected_conditions as EC
  from selenium.webdriver.common.by import By
  
  radio_button = WebDriverWait(driver, 20).until(
      EC.element_to_be_clickable((By.ID, 'c8829_pk_1050211'))
  )
  radio_button.click()
  

• 更换定位方式：如果ID定位失效，可尝试通过name+value或XPath定位：

  # CSS选择器通过name和value定位
  radio_button = driver.find_element(By.CSS_SELECTOR, 'input[name="c8829_pk_10502"][value="11"]')
  radio_button.click()
  
  # XPath定位
  radio_button = driver.find_element(By.XPATH, '//input[@id="c8829_pk_1050211"]')
  radio_button.click()
  

• JavaScript强制点击：如果元素被遮挡或无法直接点击，用JavaScript执行点击操作：

  radio_button = driver.find_element(By.ID, 'c8829_pk_1050211')
  driver.execute_script("arguments[0].click();", radio_button)
  

内容的提问来源于stack exchange，提问作者Salva Castro