JavaScript JavaScript and the DOM Traversing the DOM Child Traversal

child travesal challenge

Challenge Task 2 of 2 Next, change the color of each child paragraph to blue.

(Remember: paragraphs is a collection of elements, so you'll first need to use a loop to access each element in the collection.)

Bummer: Make sure to change the text color of all paragraphs to blue.
app.js index.html var section = document.querySelector('section'); var paragraphs = section.children; if (section.style.display == 'none') { sectionParagraphs.style.color = 'blue'; }; Somebody help me plis am lost, have tried using a for loop ( for () {}but i got a bummer and now again ) where am i getting it wrong?

app.js
var section = document.querySelector('section');
var paragraphs = section.children;
    if (section.style.display == 'none') {
        sectionParagraphs.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; 2019</p> 
        </footer>
        <script src="app.js"></script>
    </body>
</html>

1 Answer

Piotr Manczak
Piotr Manczak
Front End Web Development Techdegree Graduate 20,763 Points

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

var paragraphs = section.children;

for ( let i=0; i<paragraphs.length; i++ ) {

paragraphs[i].style.color = 'blue';

} If it works Could you upvote me, please?