TypeError：document.body为null

Question

为什么我在浏览器中出错？

TypeError：document.body为null

代码在JSfiddle中运行良好。

HTML

<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="jsscript.js"></script>
</head>
<body>
</body>

JS

var creElem = document.createElement("p");
creElem.innerHTML = "Hellow World";
creElem.setAttribute("id", "id_name");
document.body.appendChild(creElem);

Answer 1

在DOM加载时执行代码。 将您的逻辑包装在DOMContentLoaded的事件侦听器中。

document.addEventListener('DOMContentLoaded', function () {
    // ...
});

它在JSFiddle中工作的原因是因为JS是在加载时执行的（这是JSFiddle中的默认选项）。

或者，根据您何时需要执行逻辑，您还可以使用：

window.addEventListener('load', function () {
    // ...
});

请参阅： DOMContentLoaded和Load事件之间的区别

Answer 2

您的document.body尚未创作或存在。 如果你想将child附加到document.body或在你的javascript中使用document.body做任何事情，那么将你的javascript cod或js文件的链接放在body标签的末尾。

<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script src="jsscript.js"></script>
    </body>
</html>

TypeError：document.body为null

问题描述

2 个解决方案

解决方案1
13 2015-01-08 04:48:02

解决方案2
0 2018-05-28 05:33:28

TypeError：document.body为null

问题描述

2 个解决方案

解决方案1 13 2015-01-08 04:48:02

解决方案2 0 2018-05-28 05:33:28

解决方案1
13 2015-01-08 04:48:02

解决方案2
0 2018-05-28 05:33:28