JavaScript JavaScript and the DOM Traversing the DOM Child Traversal

Francesco Paolini
Francesco Paolini
9,910 Points

where do I get this wrong?

it seems right to me

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

for(i=0; i<=paragraphs.length; i+=1){
  paragraphs[i].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; 2019</p> 
        </footer>
        <script src="app.js"></script>
    </body>
</html>

1 Answer

Ryan Groom
Ryan Groom
17,287 Points

Francesco Paolini Very close, but the assignment was asking for you to change the color of the paragraphs, not the background color. Common mistake that I make all the time myself. So your solution would be:

var section = document.querySelector('section'); var paragraphs = section.children;

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

Francesco Paolini
Francesco Paolini
9,910 Points

oh I feel so dumb! thank you!!

Ryan Groom
Ryan Groom
17,287 Points

Francesco Paolini Don't feel dumb! We all have moments like this. No Problem!