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 Adam Fields
Adam Fields
4,487 Points

I cant figure this out it says to set the class name but in the html there is no class name

I am try to figure out how to set the class name to the newParagraph variable

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

2 Answers

Aakash Srivastava
Aakash Srivastava
5,415 Points
Aakash Srivastava
Aakash Srivastava
5,415 Points

Hey Adam Fields , here's how you will do it:

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

className Specifies the class name of an element.

Here is the syntax:

HTMLElementObject.className = class ;

Hope it helps!

buddha acharya
PLUS
buddha acharya
Courses Plus Student 4,023 Points
buddha acharya
buddha acharya
Courses Plus Student 4,023 Points

you are trying to concatinate your paragraph to newparagraph. besides when you try run your code you might have got error. there are several different ways to set cllass name, newParagraph.classList.add("your Class name") or newParagraph.classname = "your class name"; newParagraph.setAttributes(''class", "yourClass")