如何用Python Selenium通过CSS选择器获取网页元素class属性及解决元素找不到异常

针对你遇到的问题，以下是几种最可能的原因及对应的解决方式：

• 元素加载延迟（最常见原因）
  网页渲染是异步过程，你的代码可能在目标元素还未完成加载时就执行了查找操作。改用显式等待让Selenium等待元素加载完成：

  from selenium.webdriver.support.ui import WebDriverWait
  from selenium.webdriver.support import expected_conditions as EC
  
  # 等待最多10秒，直到元素可见（可根据实际情况调整超时时间）
  wait = WebDriverWait(driver, 10)
  element = wait.until(EC.visibility_of_element_located((By.CSS_SELECTOR, "div.costa-itinerary-tile")))
  # 获取目标class属性
  class_value = element.get_attribute("class")
  print(class_value)
  

• 元素嵌套在iframe中
  如果目标div位于iframe内部，Selenium默认无法直接访问iframe内的DOM元素。需要先切换到对应的iframe：

  # 1. 定位iframe（可根据实际情况用ID、name或其他选择器）
  target_iframe = driver.find_element(By.CSS_SELECTOR, "iframe[src='目标iframe地址']")
  # 2. 切换到该iframe
  driver.switch_to.frame(target_iframe)
  # 3. 查找目标元素
  element = driver.find_element(By.CSS_SELECTOR, "div.costa-itinerary-tile")
  # 4. 操作完成后切回主文档（如果后续还要操作主页面元素）
  driver.switch_to.default_content()
  

• 元素位于Shadow DOM中
  部分网站会用Shadow DOM封装元素，常规查找方法无法穿透。需要先获取Shadow Root再查找元素：

  # 定位包含shadow root的父元素
  shadow_host = driver.find_element(By.CSS_SELECTOR, "shadow-host的选择器")
  shadow_root = shadow_host.shadow_root
  # 在shadow root内查找目标元素
  element = shadow_root.find_element(By.CSS_SELECTOR, "div.costa-itinerary-tile")
  

• 元素需要滚动或触发操作才会加载
  有些元素在页面下方，需要滚动到可视区域才会渲染；或者需要点击按钮、展开菜单才会出现。可以先滚动到元素位置：

  # 先尝试查找元素（如果已加载但不可见）
  element = driver.find_element(By.CSS_SELECTOR, "div.costa-itinerary-tile")
  # 滚动到元素可视区域
  driver.execute_script("arguments[0].scrollIntoView({behavior: 'smooth', block: 'center'});", element)
  

• 验证选择器与DOM结构
  打开浏览器开发者工具（F12），在控制台输入document.querySelector("div.costa-itinerary-tile")：

  • 如果返回null，说明选择器拼写错误（检查class名称的大小写、空格），或元素确实不存在于当前页面（可能需要登录、触发前置操作才会加载）。

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