使用Selenium修改元素CSS样式时遇JavascriptException错误求助

报错原因 #

你写错了JavaScript API名称：document.getElementByName是错误的，正确的是document.getElementsByName（注意末尾多了个s）。这个方法返回的是匹配指定name的元素集合，不是单个元素，所以得通过索引取目标元素。

两种修复方案 #

方案1：直接修正JS脚本 #

把执行的脚本改成下面这样，获取元素集合后取第一个元素：

from selenium.webdriver.common.keys import Keys
from selenium import webdriver
from selenium.webdriver.common.by import By

driver = webdriver.Edge("edge.exe")

url = "my website url"
driver.get(url)

# 修正后的JS脚本
driver.execute_script("document.getElementsByName('h-captcha-response')[0].style.display = 'block';")

方案2：用Selenium定位后再改样式 #

更推荐这种方式，先通过Selenium的定位方法找到元素，再执行修改脚本，可读性更强：

from selenium.webdriver.common.keys import Keys
from selenium import webdriver
from selenium.webdriver.common.by import By

driver = webdriver.Edge("edge.exe")

url = "my website url"
driver.get(url)

# 先定位目标元素
target_elem = driver.find_element(By.NAME, "h-captcha-response")
# 传入元素修改display属性
driver.execute_script("arguments[0].style.display = 'block';", target_elem)

额外提示 #

如果页面元素是动态加载的，可能需要加等待确保元素加载完成，避免找不到元素的问题：

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

# 最多等10秒，直到元素出现
target_elem = WebDriverWait(driver, 10).until(
    EC.presence_of_element_located((By.NAME, "h-captcha-response"))
)
driver.execute_script("arguments[0].style.display = 'block';", target_elem)

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