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) Traversing the DOM Child Traversal

Curtis Graham
Curtis Graham
2,928 Points
Posted by Curtis Graham
Curtis Graham
2,928 Points

Can someone please help me find whatever code it is that I am missing for this challenge?

const section = document.querySelector('section');
let paragraphs = section.children;
let footerP = document.querySelector('footer').children;

for (i = 0; i < paragraphs.length; i+=1) { 
    paragraphs[i].style.backgroundColor = 'blue';
}

footerP.style.backgroundColor = 'blue';
app.js 
const section = document.querySelector('section');
let paragraphs = section.children;
let footerP = document.querySelector('footer').children;

for (i = 0; i < paragraphs.length; i+=1) { 
    paragraphs[i].style.backgroundColor = 'blue';
}

footerP.style.backgroundColor = '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>

4 Answers

Steven Parker
Steven Parker
231,271 Points
Steven Parker
Steven Parker
231,271 Points

I see a few issues:

  • the instructions say "change the color to be blue. ", not the background color
  • the "for" loop is missing the declaration of the loop variable ("var" or "let")
  • while not an actual error, the "footerP" stuff isn't part of the challenge
Curtis Graham
Curtis Graham
2,928 Points
Curtis Graham
Curtis Graham
2,928 Points

I have tried a variety of more straight forward approaches it tells me that task one is no longer passing... since I didn't change the code I used to pass task one I am unsure if this is a glitch or I am missing something obvious.

Curtis Graham
Curtis Graham
2,928 Points
Curtis Graham
Curtis Graham
2,928 Points

nevermind... I realize now that the question asked to change the color not backgroundColor and therefore the feedback I was getting from the quiz was saying not all paragraphs were being selected so I thought it was asking me to find a way to select the paragraph in the footer. This was not the problem so I was rolling down a rabbit hole. Once I changed that style from backgroundColor to color and removed other extra code everything worked how I originally thought. Sorry for any confusion. I was able to sort it out myself!

Curtis Graham
Curtis Graham
2,928 Points
Curtis Graham
Curtis Graham
2,928 Points

Thanks for the reply... I realized my mistake. Thanks so much!