如何通过Selenium提取页面红色字符？现有代码返回空列表求解决

问题原因 #

你的代码返回空列表，核心问题是精确匹配style属性的CSS选择器容错性太差。页面渲染时，style属性的空格、属性顺序可能和你写的完全不一致（比如分号前后多了空格、属性顺序调换），导致无法匹配到目标元素。

解决方法 #

1. 使用模糊匹配的CSS选择器 #

放弃精确匹配整个style字符串，改用*=匹配包含color: red的span元素，这样无论style里其他属性怎么变，只要包含红色样式就能匹配到。

2. 增加元素等待机制 #

确保目标元素完全加载后再进行查找，避免页面加载延迟导致的元素未渲染问题。

完整代码示例 #

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

# 初始化浏览器驱动（根据你的浏览器类型调整）
driver = webdriver.Chrome()

# 等待父元素myspam加载完成，最长等待10秒
myspam_element = WebDriverWait(driver, 10).until(
    EC.presence_of_element_located((By.ID, 'myspam'))
)

# 模糊匹配所有包含红色样式的子span
red_char_elements = myspam_element.find_elements(By.CSS_SELECTOR, "span[style*='color: red']")

# 提取所有红色字符并拼接成字符串
red_chars = ''.join([elem.text.strip() for elem in red_char_elements])

# 打印提取结果（示例：HR8）
print(red_chars)

# 将提取的字符填入输入框
input_field = driver.find_element(By.ID, 'As_wkey')
input_field.send_keys(red_chars)

# 后续操作完成后关闭浏览器
driver.quit()

额外说明 #

如果页面中红色样式的写法有变体（比如color: #ff0000或color: rgb(255,0,0)），可以把CSS选择器调整为更通用的形式：

span[style*='color: red'], span[style*='color: #ff0000'], span[style*='color: rgb(255, 0, 0)']

或者通过获取元素的计算样式来判断颜色，这种方法更可靠：

from selenium.webdriver.support.color import Color

# 遍历子元素，判断计算后的颜色是否为红色
red_chars = ''
for elem in myspam_element.find_elements(By.TAG_NAME, 'span'):
    computed_color = elem.value_of_css_property('color')
    if Color.from_string(computed_color) == Color.from_string('red'):
        red_chars += elem.text.strip()

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