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

michael fernandez
michael fernandez
8,797 Points
Posted by michael fernandez
michael fernandez
8,797 Points

anyone can help me to this.

const contentDiv = document.getElementById("content"); let newParagraph = document.createElement("p"); newParagraph.className = "panel"; newParagraph.appendChild(content);

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

Mike Tallerico
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Mike Tallerico
Full Stack JavaScript Techdegree Graduate 22,892 Points
Mike Tallerico
.a{fill-rule:evenodd;}techdegree seal-36
Mike Tallerico
Full Stack JavaScript Techdegree Graduate 22,892 Points

Hi Michael!

You are appending 'content' which is your element id. But you are selecting that element and assigning it to the variable 'contentDiv' which is the parent element in this case. You want to append to the parent element the child which is the paragraph element you created. Check out my code below:

const contentDiv = document.getElementById("content");
let newParagraph = document.createElement('p');
newParagraph.className = 'panel';
contentDiv.appendChild(newParagraph);

Check out this MDN doc for some explanation on appendChild.

michael fernandez
michael fernandez
8,797 Points
michael fernandez
michael fernandez
8,797 Points

oh thanks that helps me a lot,