如何使用Python向网页表格写入值？解决赋值后点击值消失问题

出现输入值悬浮显示、点击就消失的问题，核心是两个操作错误：

• 表格里的录入区域本质是<input>类表单元素，这类元素的真实值存储在value属性上，和普通div/td这类容器元素逻辑不一样，直接修改innerHTML只是往元素标签内部插了一段文本，根本没有写入输入框的实际存储值
• 现在大部分业务系统的表格都是React、Vue这类响应式框架开发的，框架内部会单独维护一份页面状态，直接用JS硬改DOM不会同步更新框架内部的状态，一旦点击输入框触发页面重渲染，之前硬塞的文本就会被框架用内部存储的空值覆盖掉。

方案1：Selenium原生模拟输入（优先选择，稳定性最高） #

完全模拟真人手动输入的逻辑，不要硬改DOM，代码如下：

from selenium.webdriver.common.keys import Keys

# 注意要定位到实际的输入框元素，不要定位到外层的单元格容器
put_val = browser.find_element_by_xpath('xpath provided here')
put_val.click() # 先激活输入框
put_val.clear() # 清空输入框原有内容
put_val.send_keys("89898989") # 输入目标值

这个方法会正常触发输入框的focus、input、change等所有浏览器原生事件，前端框架能正常识别到值的变化、自动同步状态，不会出现点击值消失的问题，也不会触发网站的反爬校验。

方案2：特殊场景下的JS赋值方案（原生输入失效时使用） #

如果遇到做了特殊封装的自定义输入组件，send_keys无法正常输入，可以用JS直接给value属性赋值，同时手动派发前端框架监听的事件，强制同步状态：

put_val = browser.find_element_by_xpath('xpath provided here')
target_value = "89898989"

browser.execute_script("""
const inputEl = arguments[0];
const setVal = arguments[1];
// 正确给输入框value属性赋值
inputEl.value = setVal;
// 依次派发框架监听的事件，bubbles设为true保证事件能冒泡到框架监听的节点
inputEl.dispatchEvent(new Event('input', { bubbles: true }));
inputEl.dispatchEvent(new Event('change', { bubbles: true }));
inputEl.dispatchEvent(new Event('blur', { bubbles: true }));
""", put_val, target_value)

注意：如果执行完还是不生效，先检查xpath定位是否正确，必须定位到实际承载输入功能的<input>/<textarea>节点，不能定位到外层的td单元格或者div容器。

内容的提问来源于stack exchange，提问作者Manish Kumar Kamal