JavaScript JavaScript and the DOM Traversing the DOM Child Traversal

Stephen Powers
Stephen Powers
11,289 Points

JS & the DOM Final Code Challenge

I keep looking my code over, and I'm not sure what I'm missing here.

I have the function addressing each element inside paragraphs, and the only thing I can think of is punctuation (which I've checked over and over).

What am I not seeing?

app.js
const section = document.querySelector('section');
let paragraphs = section.children;

for (i = 0; i < paragraphs.length; i++) {
  paragraphs[i].style.color = "blue";

}
index.html
<!DOCTYPE html>
<html>
    <head>
        <title>Child Traversal</title>
    </head>
    <body>
        <section>
            <p>This is the first paragraph</p>
            <p>This is a slightly longer, second paragraph</p>
            <p>Shorter, last paragraph</p>
        </section>
        <footer>
            <p>&copy; 2016</p> 
        </footer>
        <script src="app.js"></script>
    </body>
</html>

1 Answer

Lee Vaughn
Lee Vaughn
Treehouse Project Reviewer

You have the idea right, you just left something out. Double check how you are writing the for loop.

You are missing a key part, which is causing it to not work properly.

Code below in case you weren't able to spot it:

for (let i = 0;  i < paragraphs.length;  i++) {
  paragraphs[i].style.color = "blue";
}