document.body控制台输出为null的问题

document.body控制台输出为null的问题

console.log(document.body);
document.body.innerHTML = 'helloworld';

控制台输出document.body为null：

解决1：

原因很简单，是我在引入js文件的时候把script标签写在了head标签里

解决办法就是把调用document.body的JS代码移到body结束标签之前/之后。

思考：在很多时候，我们获取页面的某个元素为null的情况和这个类似，可能也是你在该元素之前写了对后面元素的操作。

出处：https://www.cnblogs.com/mq0036/p/3989652.html

解决2：

js代码加上window.onload(等待页面及资源加载完毕)

window.onload = function () {
  console.log(document.body);
  document.body.innerHTML = "helloworld";
};

解决3：
把document.body换成document.documentElement