TypeError: document.body is null
Question
Why I getting error in browser?
TypeError: document.body is null
Code is working well in 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);
2 answers
solution1
13 2015-01-08 04:48:02
Execute the code when the DOM loads. Wrap your logic in an event listener for DOMContentLoaded .
document.addEventListener('DOMContentLoaded', function () {
// ...
});
The reason it worked in JSFiddle is because the JS is executed on load (that's the default option in JSFiddle).
Alternatively, depending on when you need the logic to be executed, you could also use:
window.addEventListener('load', function () {
// ...
});
solution2
0 2018-05-28 05:33:28
Your document.body is not crated or existed yet. If you want to append child to document.body or do anything with document.body in your javascript then put your javascript cod or link of js file in the end of body tag.
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script src="jsscript.js"></script>
</body>
</html>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.