JavaScript JavaScript and the DOM Traversing the DOM Child Traversal

Eric Wilson
Eric Wilson
2,855 Points

Accessing Last Paragraph Element

Hello, I'm trying to work on part 2 of this challenge and I am encountering some trouble. How would I go about turning the last paragraph blue? I tried to access it using DOM traversal and I am returned with a type error.

Thanks!

app.js
var section = document.querySelector('section');
let paragraphs = section.children;
let footer = section.parentNode.lastElementChild;
let footerP = footer.children;



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

  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; 2019</p> 
        </footer>
        <script src="app.js"></script>
    </body>
</html>

2 Answers

KRIS NIKOLAISEN
KRIS NIKOLAISEN
53,441 Points

You only need to change the color for the section paragraphs. This doesn't include the paragraph in the footer so remove all the code related to that. Also make sure you are changing the text color and not the background color.

Eric Wilson
Eric Wilson
2,855 Points

Thank you! After taking another look I realized I was changing background color and not text color. Silly mistake.