一段 JS 代码要在网页中动态追加元素,结果报错:cannot read properties of null(reading appendChild),报错代码如下:

var o = document.createElement("div");
document.body.appendChild(o);

其实上面的代码没有错,错误的原因是 document.body.appendChild 是要在 body 的结尾处追加代码,但是我的 js 文件是在 head 里面调用的,html 页面是自上而下的运行的,body 还没生成当然获取不到对应节点。

把 js 文件放到紧挨着 </body> 调用就可以了。