document.body为null问题
调用document.body.append方法出现null的问题，一看就是放在了head中，一种方案是放在最后面，要不就和jquery一样监听，下面是代码
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>//head中直接调用body会出现null，通过事件监听或者放到body的最后面console.log(document.body);//全局监听DOM加载完毕window.addEventListener('load', function () {//等同于这个window.οnlοad=function (){}console.log(document.body);});//DOM加载完毕document.addEventListener('DOMContentLoaded', function () {console.log(document.body);});</script>
</head><body></body>
</html>
参考
https://blog.csdn.net/qq_48652579/article/details/133859708