js节点操作报错主因是“找不见元素”或“动错了对象”，需先验证节点存在性与可操作性，再排查调用时机、权限及跨域/shadow dom限制。
JS 节点操作报错，多数不是语法问题，而是“找不见元素”或“动错了对象”。核心排查逻辑是：先确认节点是否存在、是否可操作，再检查调用时机和权限。下面分四类常见场景讲清楚。
节点不存在就调用方法
最典型的是 document.getElementById('xxx') 返回 null，接着调用 .addEventListener 或 .innerHTML，直接报 TypeError: Cannot read property 'xxx' of null。
常见原因：
- DOM 还没加载完，脚本就执行了（比如 script 放在 head 里，没加
DOMContentLoaded） - ID 写错、大小写不一致、拼写错误（JS 区分大小写）
- 元素是异步渲染的（比如 Vue/React 组件、AJAX 插入的内容），脚本执行时它还没出现
建议做法：
- 用
console.log(document.getElementById('xxx'))看返回值，不为null再继续 - 确保脚本放在
