最常用且不易出错的方法是用 document.getElementById 获取元素后更新内容，需确保 dom 加载完成再执行；textContent 安全高效，innerhtml 有 xss 风险；批量操作用 querySelectorAll + forEach；动态添加节点应使用 createElement 和 appendChild，避免 innerHTML 覆盖事件与状态；dataset 操作自定义属性更直观；注意减少重排重绘以提升性能。
直接用 document.getElementById 获取元素再改内容
这是最常用、也最不容易出错的起点。只要页面上有唯一 id，就能精准定位并更新文本或 HTML。
常见错误是：元素还没加载完就执行 js，导致 getElementById 返回 NULL。解决方法是确保脚本在 DOM 加载后运行——把 放在