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 Nas Jones
Nas Jones
7,849 Points

Need help completing this challenge

Tried using just className and it wouldn't work.

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

Martin Balon
Martin Balon
43,651 Points
Martin Balon
Martin Balon
43,651 Points

Hi Nas, I think it's best to create an paragraph element first and then on next line assign a class to it. This code below passes the challenge.

var contentDiv = document.getElementById('content');
var newParagraph = document.createElement('p');
newParagraph.classList.add('panel');
Nas Jones
Nas Jones
7,849 Points

This helped thank you, Is this a way to add a class to an element? The ".classList.add"?

Jonathan Guerrero
.a{fill-rule:evenodd;}techdegree seal-36
Jonathan Guerrero
Front End Web Development Techdegree Graduate 18,245 Points

was this thought on the lesson? I didn't see it though. Thanks for the help, it worked for me.

Martin Balon
Martin Balon
43,651 Points
Martin Balon
Martin Balon
43,651 Points

Yes -> you can use className.add() and className.remove(). Also classList can retrieve all classes of particular element. https://www.w3schools.com/jsref/prop_html_classname.asp https://www.w3schools.com/jsref/prop_element_classlist.asp

Martin Balon
Martin Balon
43,651 Points
Martin Balon
Martin Balon
43,651 Points

Sorry I meant classList.add() and classList.remove(). Another way to add class is document.getElementById('element').className = 'whateverclassname'; https://stackoverflow.com/questions/507138/how-to-add-a-class-to-a-given-element

Nas Jones
Nas Jones
7,849 Points

I seen your comment with the stackoverflow link, thank you for the help I understand it now