最稳妥的DOM查询方式是querySelector和querySelectorAll。前者返回首个匹配元素，后者返回NodeList；需注意选择器语法、加载时机、遍历操作及避免过度嵌套。
用 document.querySelector 和 document.querySelectorAll 获取元素最稳妥
多数人一上来就用 getElementById，但实际项目里 ID 容易重复或缺失，反而让逻辑出错。现代写法优先选 querySelector：支持 CSS 选择器语法，可读性强，兼容性也早不是问题（IE8+）。querySelector 返回第一个匹配项，querySelectorAll 返回 NodeList（不是数组，但能用 forEach）。
常见错误：
– 写错选择器，比如把类名写成 .btn-primary 却漏了点，结果返回 null；
– 拿到 NodeList 后直接调 .style.color = 'red'，报错——得遍历每个节点再操作。
实操建议：
– 页面加载完再查，否则可能查不到：用 DOMContentLoaded 或把脚本放
