控制台报错 Uncaught TypeError: Cannot read properties of null (reading ‘append‘) 解决方案

因为js加载会阻碍html文档解析，所以如果把script 放在body之前
同时这个script对应的js 没有添加
window.οnlοad=function(){
//
},
会在没有加载html文档之前，操作html。

处理方案：
①在script 中追加 异步 defer

②把script放在最后。及body加载完成，在加载js。
③ 在js中追加
window.οnlοad=function(){
//
},

同时
defer与async的区别是：defer要等到整个页面在内存中正常渲染结束（DOM 结构完全生成，以及其他脚本执行完成），才会执行；async一旦下载完，渲染引擎就会中断渲染，执行这个脚本以后，再继续渲染。一句话，defer是“渲染完再执行”，async是“下载完就执行”。另外，如果有多个defer脚本，会按照它们在页面出现的顺序加载，而多个async脚本是不能保证加载顺序的。