JavaScript JavaScript and the DOM Making Changes to the DOM DOM Manipulation

Zachary Luke
Zachary Luke
8,046 Points

Unable to append a child element to a parent element

I keep getting an error message when trying to append the "newParagraph" element to the parent element "contentDiv".

The error message reads: "NOT_FOUND_ERR: DOM Exception 8: An attempt was made to reference a Node in a context where it does not exist."

I feel like I'm very close, but just missing one small detail!

app.js
var contentDiv = document.getElementById('content');
var newParagraph = document.createElement('p');
newParagraph.className = 'panel';
contentDiv.appendChild('newParagraph');
index.html
<!DOCTYPE html>
<html>
    <head>
        <title>DOM Manipulation</title>
    </head>
    <link rel="stylesheet" href="style.css" />
    <body>
        <div id="content">

        </div>
        <script src="app.js"></script>
    </body>
</html>

1 Answer

KRIS NIKOLAISEN
PRO
KRIS NIKOLAISEN
Pro Student 43,508 Points

When appending, newParagraph should not be enclosed in quotes.

contentDiv.appendChild('newParagraph');

should be

contentDiv.appendChild(newParagraph);
Zachary Luke
Zachary Luke
8,046 Points

It works! I knew I was super close! Thanks :D