在Selenium自动化测试场景中，部分输入框会因为样式隐藏、被其他元素覆盖、设置为只读等状态，无法直接通过常规的get_attribute或者text方法获取到值，这时候可以通过执行JavaScript代码绕过可见性限制来取值。
非直接可见输入框的常见场景
常见的非直接可见输入框主要有以下几类：
- 样式设置为
display:none或者visibility:hidden的输入框，页面上完全不显示 - 被其他元素覆盖，无法被Selenium的常规点击、取值方法识别的输入框
- 设置为
readonly或者disabled的输入框，普通方法可能无法读取到实时值 - 位于
iframe或者弹窗中，未正确切换上下文时无法直接访问的输入框
通过JavaScript获取值的核心思路
Selenium提供了执行JavaScript的能力，我们可以通过execute_script方法运行JS代码，直接访问DOM元素的属性来获取值。输入框的值通常存储在value属性中，只要能定位到对应的DOM元素，就可以直接读取该属性。
具体实现示例
1. 基础取值示例
假设页面有一个被隐藏的输入框，HTML结构如下：
<input type="text" id="hidden_input" value="测试隐藏值" style="display:none">
通过Selenium执行JavaScript获取该输入框的值：
from selenium import webdriver
# 初始化浏览器驱动
driver = webdriver.Chrome()
driver.get("http://ipipp.com/test_page")
# 执行JavaScript获取输入框的值
js_code = "return document.getElementById('hidden_input').value;"
hidden_value = driver.execute_script(js_code)
print(hidden_value) # 输出：测试隐藏值
driver.quit()2. 处理iframe中的隐藏输入框
如果输入框位于iframe内部，需要先切换到对应的iframe，再执行JavaScript代码：
from selenium import webdriver
driver = webdriver.Chrome()
driver.get("http://ipipp.com/test_page")
# 切换到目标iframe，假设iframe的id是test_iframe
driver.switch_to.frame("test_iframe")
# 执行JS获取iframe内的隐藏输入框值
js_code = "return document.querySelector('#iframe_hidden_input').value;"
iframe_input_value = driver.execute_script(js_code)
print(iframe_input_value)
# 切回主文档
driver.switch_to.default_content()
driver.quit()3. 处理被覆盖的输入框
对于被其他元素覆盖的输入框，也可以通过JS直接定位取值，不需要处理覆盖元素：
from selenium import webdriver
driver = webdriver.Chrome()
driver.get("http://ipipp.com/test_page")
# 通过CSS选择器定位被覆盖的输入框
js_code = "return document.querySelector('input[name=\"covered_input\"]').value;"
covered_value = driver.execute_script(js_code)
print(covered_value)
driver.quit()注意事项
- 执行JavaScript前要确保目标元素已经加载完成，可以添加显式等待避免元素未加载导致的取值失败
- 如果输入框的值是动态生成的，需要等待值更新后再执行取值的JS代码
- 对于
contenteditable属性的可编辑元素，值可能不在value属性中，需要通过innerText或者innerHTML获取 - 执行JS代码时如果返回
None，可以先检查元素定位是否正确，或者元素是否真的存在值
注意：使用JavaScript获取值虽然能绕过可见性限制，但也要符合测试场景的实际需求，不要过度依赖该方法绕过正常的页面交互逻辑。
SeleniumJavaScript输入框取值元素可见性自动化测试修改时间：2026-06-06 01:05:43