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 Cody Smith
Cody Smith
3,818 Points

Hmm keeps saying my code doesn't pass for step 1, which is the const every time I write the statement line 3.

Trying to set class name of new element I created.

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



// Syntax accourding to Modzilla Developer Network
/*
var cName = elementNodeReference.className;
elementNodeReference.className = cName;
*/
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

Jaspal Singh
Jaspal Singh
13,525 Points
Jaspal Singh
Jaspal Singh
13,525 Points

Hi Cody

Try to assign classname like this: newParagraph.className=‘panel’;

I think that would work for you

Dave StSomeWhere
Dave StSomeWhere
19,870 Points
Dave StSomeWhere
Dave StSomeWhere
19,870 Points

You are attempting to set the class name to the variable panel (which doesn't exist) - you just forgot the quotes - 'panel'.

Here's the example from mdn:

let elm = document.getElementById('item');

if(elm.className === 'active'){
    elm.className = 'inactive';
} else {
    elm.className = 'active';
}
Cody Smith
Cody Smith
3,818 Points
Cody Smith
Cody Smith
3,818 Points

Thanks you two, I ended up solving it with this code below and it let me pass through. Appreciate it.

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