getElementById读取input.value为空或报错，主因是DOM未加载完成或ID拼写错误；应等DOMContentLoaded事件触发后再执行，且务必判空；querySelector可安全获取class元素值，远程HTML需用DOMParser解析后提取；BeautifulSoup只能读初始value属性，无法获取用户动态输入值。
document.getElementById() 读取 input.value 为空或报错
直接写 document.getElementById('myInput').value 却拿到空字符串或 Cannot read property 'value' of null，基本是两个原因：元素还没加载完就执行了 JS，或者 ID 写错/拼写不一致（大小写敏感）。页面脚本若放在 <head> 里且没加 defer，getElementById 极大概率返回 null。
稳妥做法是等 DOM 就绪后再执行：
- 用
document.addEventListener('DOMContentLoaded', ...)包裹逻辑 - 或把
<script>标签移到</body>前 - 务必先判空：
const el = document.getElementById('myInput'); if (el) { console.log(el.value); }
querySelector() 获取多个同名 class 的 input 值
document.getElementsByClassName('Nombre') 返回的是 HTMLCollection，不是单个元素，直接访问 .value 会得到 [object HTMLCollection] —— 这不是 bug，是类型误用。
正确方式是用 querySelector() 拿首个，或 querySelectorAll() 遍历：
立即学习“前端免费学习笔记（深入）”；
- 只取第一个：
document.querySelector('.Nombre')?.value || ''（可选链防报错） - 取全部值：
Array.from(document.querySelectorAll('.Nombre')).map(el => el.value) - 注意：class 名带空格要写成
.Nombre.row，不是.Nombre .row（后者是后代选择器）
从远程 HTML 字符串中提取 input 的 value
比如用 fetch 拿到一段 HTML 文本，想从中读 <input id="MaxFutureReservationTimeDays" value="20"> 的值，不能直接在字符串上操作。
必须解析为真实 DOM 结构再查：
- 用
DOMParser解析：const doc = new DOMParser().parseFromString(htmlString, 'text/html') - 再调
doc.getElementById('MaxFutureReservationTimeDays')?.value - 别忘了判空——
getElementById找不到时返回null，直接点.value会崩 - 如果目标 input 没设
value属性（比如用户刚输一半），它实际值仍存在，但静态 HTML 里看不到；此时需模拟渲染或改用服务端接口
BeautifulSoup 中安全提取 input value（Python 端）
用 BeautifulSoup 解析 HTML 时，<input> 的当前输入值（即用户填的内容）**不会出现在原始 HTML 字符串中**——它只存在于浏览器运行时 DOM。所以 soup.find('input', id='myInput')['value'] 拿到的只是初始 value 属性值，不是用户后来输的。
如果你要提取的是服务器返回的、带默认值的 input（比如表单回显），那没问题；但如果是前端交互后动态改的，就得换方案：
- 确认你解析的是服务端吐出的原始 HTML（含
value="xxx"属性），不是浏览器渲染后的 DOM - 用
find()或select_one()定位，再用.get('value')读属性值 - 永远检查返回对象是否为
None：inp = soup.select_one('input#myInput'); val = inp.get('value') if inp else None - 别用
.text或.get_text()，input 标签内部没文本节点，它们返回空字符串
