JavaScript JavaScript and the DOM Traversing the DOM Child Traversal

John Keenan
PRO
John Keenan
Pro Student 5,834 Points

Any idea why the statement in my loop is incorrect? paragraphs[i].color = 'blue'?

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

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

Is my loop statement incorrect, or have I not selected the children of section correctly?

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

for(i=0; i<paragraphs.length; i+=1) {
  paragraphs[i].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

John Keenan
PRO
John Keenan
Pro Student 5,834 Points

Never mind. Forgot the style object. And my loop was missing var. Must be tired, lol :-P