document.queryselector 返回 null 的主因是选择器错误、dom 未加载或 id 大小写/空格不一致；应检查 elements 面板确认真实属性值，并确保脚本在 domcontentloaded 后执行或置于 前。

document.querySelector 返回 null 怎么办

这是最常见也最容易被忽略的起点：选择器写错、元素还没加载、ID 大小写或空格不一致，都会让 document.querySelector 返回 null，后续 addEventListener 直接报 Cannot read properties of null。

Html2md

使用 Readability + Turndown 将 HTML 页面转换为干净的、Agent 友好的 Markdown。去除导航栏、广告、页脚、Cookie 横幅、社交按钮等干扰元素。支持 URL...

下载

实操建议：

• 打开开发者工具 Console，手动输入 document.querySelector("#my-btn")（把你实际用的选择器填进去）
• 如果返回 null，立刻切到 Elements 面板，右键目标按钮 → “Edit as HTML”，确认它真实存在的 id 或 class 值——比如 HTML 写的是 id="myBtn"，JS 却写了 "#my-btn"，就必然失配
• 检查是否在 DOM 加载前就执行了绑定代码；把脚本移到

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！