Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript JavaScript and the DOM (Retiring) Making Changes to the DOM DOM Manipulation

Posted by David Loder
David Loder
4,987 Points

How can I append the contentDIV to the var newParagraph?

So I'm trying to use the appendChild() function to append the variable newParagraph to 'contentDiv'. Any idea on how to do it?

app.js 
var contentDiv = document.getElementById('content');
var newParagraph = document.createElement('p');
newParagraph.className = "panel";
contentDiv.appendChild('p');
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>

3 Answers

arniskulason
arniskulason
7,110 Points
arniskulason
arniskulason
7,110 Points

Hi David,

You are doing great just one thing missing from your code.

Instead of writing this line: contentDiv.appendChild('p');

You need to write

contentDiv.appendChild(newParagraph);

You have to append the new variable you created before into the div.

This is my full code how I solved this:

var contentDiv = document.getElementById('content');
var newParagraph = document.createElement('p');
newParagraph.className = 'panel';
contentDiv.appendChild(newParagraph);
Brandon Leichty
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Brandon Leichty
Full Stack JavaScript Techdegree Graduate 35,193 Points
Brandon Leichty
.a{fill-rule:evenodd;}techdegree seal-36
Brandon Leichty
Full Stack JavaScript Techdegree Graduate 35,193 Points

Hey David Loder,

You’re very close! The quiz is actually asking you to append the new paragraph you just created. So it’d look like this: contentDiv.appendChild(newParagraph);

Happy coding!

David Loder
David Loder
4,987 Points
David Loder
David Loder
4,987 Points

Thanks guys. It was funny as I figured it out right after I posted this!