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) Getting a Handle on the DOM Practice Selecting Elements

Aymen Hachicha
Aymen Hachicha
12,653 Points
Posted by Aymen Hachicha
Aymen Hachicha
12,653 Points

/JS and The DOM course/last Challenge/Task1 How do i solve this task?

Hello,

i'm currently working on the JS and The DOM course. I encountered some difficulties by the last challenge however. The task is : In the following tasks you'll be required to select various elements on the index.html page. In the app.js file on line 1, select all links in the nav element and assign them to navigationLinks. I suggested : let navigationLinks = document.getElementsByTagName('nav')[0].getElementsByTagName('a'); This answer will be accepted but getting to the second part of the challange it says 'Oops! It looks like Task 1 is no longer passing.' I'm assuming that my answer is wrong. Can I get some help in this one?

js/app.js 
let navigationLinks = document.getElementsByTagName('nav')[0].getElementsByTagName('a');
let galleryLinks 
let footerImages;
index.html 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit | Designer</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/responsive.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
  <body>
    <header>
      <a href="index.html" id="logo">
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html" class="selected">Portfolio</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>
    <div id="wrapper">
      <section>
        <ul id="gallery">
          <li>
            <a href="img/numbers-01.jpg">
              <img src="img/numbers-01.jpg" alt="">
              <p>Experimentation with color and texture.</p>
            </a>
          </li>
          <li>
            <a href="img/numbers-02.jpg">
              <img src="img/numbers-02.jpg" alt="">
              <p>Playing with blending modes in Photoshop.</p>
            </a>
          </li>
        </ul>
      </section>
      <footer>
        <a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
        <a href="http://facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
        <p>&copy; 2016 Nick Pettit.</p>
      </footer>
    </div>
  <script src="js/app.js"></script>
  </body>
</html>
Kristian Mediaas
seal-mask
.a{fill-rule:evenodd;}techdegree
Kristian Mediaas
Python Web Development Techdegree Student 8,495 Points
Kristian Mediaas
.a{fill-rule:evenodd;}techdegree
Kristian Mediaas
Python Web Development Techdegree Student 8,495 Points

I have been struggling with this task for some time myself. I did not get any trouble with your code when I went to the next task. My cod looked like this: ''' let navigationLinks = document.getElementsByTagName('nav')[0].getElementsByTagName('a'); let galleryLinks = document.getElementById('gallery').getElementsByTagName('a'); let footerImages; '''

Aymen Hachicha
Aymen Hachicha
12,653 Points
Aymen Hachicha
Aymen Hachicha
12,653 Points

Thank you for your respond. It was helpful. My mistake was by the second part of the challenge.

1 Answer

Cory Harkins
Cory Harkins
16,500 Points
Cory Harkins
Cory Harkins
16,500 Points

You can also use descending selectors for .querySelectorAll()

.querySelectorAll('nav ul li a');