Unable to append a child element to a parent element

Question

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>

Answer 1 · 2019-01-17T23:23:43Z

January 17, 2019 11:23pm

When appending, newParagraph should not be enclosed in quotes.

contentDiv.appendChild('newParagraph');

should be

contentDiv.appendChild(newParagraph);

Zachary Luke

Zachary Luke

Unable to append a child element to a parent element

1 Answer

KRIS NIKOLAISEN

KRIS NIKOLAISEN

Zachary Luke

Zachary Luke

Zachary Luke

Zachary Luke

Unable to append a child element to a parent element

1 Answer

KRIS NIKOLAISEN

KRIS NIKOLAISEN

Zachary Luke

Zachary Luke

Sign in