Why is DOM document.createElement() not working?

Asked Sep 30 '20 at 23:22

Active Sep 30 '20 at 23:29

Viewed 15 times

I am creating a JavaScript file that makes a basic layout of a webpage when you src it into your HTML code. But there is an error. What is wrong? Let me show you some code.

var z = document.createElement("p");
z.innerHTML = "This is a paragraph.";
document.body.appendChild(z);

My error:

Uncaught TypeError: Cannot read property 'appendChild' of null

Please, don't say "do proper research". I already did! I googled and checked Stack Overflow for it. Anyone have any simple, working code snippets?

Edit: The code is in the < head>, not the < body>!

edited Sep 30 '20 at 23:29

asked Sep 30 '20 at 23:22

anonsaicoder9

[it should work](https://jsbin.com/dutosinozu/edit?js,output) - we need an [mcve] to figure out why it doesn't work for you. – VLAZ Sep 30 '20 at 23:24
@VLAZ His script is in the ``, not the `` – CertainPerformance Sep 30 '20 at 23:26
Yup @CertainPerformance – anonsaicoder9 Sep 30 '20 at 23:27
1

Well, that's why it doesn't work, then. The head will be parsed before the body, so when the script runs there is no body. Move it out of the head or delay the execution until after the page has been loaded. – VLAZ Sep 30 '20 at 23:29
Thanks!!! Can you reopen and answer so I can accept? I really want to give you the extra reputation! – anonsaicoder9 Sep 30 '20 at 23:30

Why is DOM document.createElement() not working?

0 Answers0