Menu
Community /Pin to ProfileBookmark
@cootheadApr 11.2020 — #Hi there Turbo1248,
you appear to have an errant backtick here...
[size=32]container.appendChild(div1);[color=red]`[/color] [/size]
...and it is the cause of your woes. :(
_coothead_@cootheadApr 11.2020 — #Hi there Turbo1248,
you need to use [b]3[/b] backticks ...
[b] ``
...to enclose the code.
**Example:-**
_coothead_
Error: Uncaught TypeError: Cannot read property ‘appendChild’ of null
Hi guys, I’m getting the above error when trying to append a ‘div’ element using javascript to an existing ‘div’ element in my HTML and really don’t understand why. I must be missing something very obvious (you may have guessed I’m a beginner). My HTML code is:
`<head>
<title>Etch-a-Sketch Project</title>
<meta>
<link rel=”stylesheet” href=”styles/main.css”>
<script type=”text/javascript” src=”scripts/script.js”></script>
</meta>
<body>
<h1 id=”title”>Etch-a-Sketh Project</h1>
<div id=”container”>
</div>
</body>`
and my JavaScript code is:
`const container = document.querySelector(“#container”);
const div1 = document.createElement(‘div’);
div1.classList.add(“grid”);
div1.textContent=”div1″;
container.appendChild(div1);`
Thank you in advance for any help/guidance.
Sign in
to post a comment9 Comments(s) ↴
0
@cootheadApr 11.2020 — #Hi there Turbo1248,you appear to have an errant backtick here...
...and it is the cause of your woes. :(
_coothead_
0
@cootheadApr 11.2020 — #Hi there Turbo1248,you need to use [b]3[/b] backticks ...
[b] ``
[/b]</B>
...at the start and end of the code.
Alternatively, if you prefer, use this...
<C>...to enclose the code.
**Example:-**
<i>
</i>const container = document.querySelector("#container");
const div1 = document.createElement('div');
div1.classList.add("grid");
div1.textContent="div1";
container.appendChild(div1);
_coothead_