Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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

Angelica Islas
Angelica Islas
4,082 Points

I don't know how to create a paragraph element

All I could think of were the paragraph tags

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

1 Answer

Clayton Perszyk
MOD
Clayton Perszyk
Treehouse Moderator 46,835 Points

you need to use the createElement method on the document object and pass it a string with the tag name you want to create....

document.createElement(elementType); // pass element type as string

Gergely Bocz
Gergely Bocz
Treehouse Moderator 14,065 Points

I would like to add, that you can find all the info you need in the MDN docs.

In this specific case you need to write the following code:

const newParagraph = document.createElement("p");

Later on you can refer to that specific paragraph element by the name of the variable you assigned it to, in this case: newParagraph.