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 Selecting Multiple Elements

Matt Gaboury
seal-mask
.a{fill-rule:evenodd;}techdegree
Matt Gaboury
Full Stack JavaScript Techdegree Student 1,540 Points
Posted by Matt Gaboury
.a{fill-rule:evenodd;}techdegree
Matt Gaboury
Full Stack JavaScript Techdegree Student 1,540 Points

querySelectorALL?

Do they want me to use the querySelectorALL command or maybe the getElementsByTagName?

index.html 
<!DOCTYPE html>
<html>
  <head>
    <title>Rainbow!</title>
  </head>
  <body>
    <ul id="rainbow">
      <li>This should be red</li>
      <li>This should be orange</li>
      <li>This should be yellow</li>
      <li>This should be green</li>
      <li>This should be blue</li>
      <li>This should be indigo</li>
      <li>This should be violet</li>
    </ul>
    <script src="js/app.js"></script>
  </body>
</html>
js/app.js 
let listItems;
const colors = ["#C2272D", "#F8931F", "#FFFF01", "#009245", "#0193D9", "#0C04ED", "#612F90"];

for(var i = 0; i < colors.length; i ++) {
  listItems[i].style.color = colors[i];    
}
Basilissa Albers
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Basilissa Albers
Full Stack JavaScript Techdegree Graduate 23,755 Points
Basilissa Albers
.a{fill-rule:evenodd;}techdegree seal-36
Basilissa Albers
Full Stack JavaScript Techdegree Graduate 23,755 Points

I guess that you can use whatever method you like, as long as you assign a collection of all li tags of the list to the variable listItems. So both querySelectorALL and getElementsByTagName should work if you use them correctly.

1 Answer

Steven Parker
Steven Parker
231,248 Points
Steven Parker
Steven Parker
231,248 Points

Like many things in programming, there's more than one way to handle this task. Any valid solution will pass the challenge.

Using querySelectorALL is certainly one way, and perhaps the most concise approach. But it can also be solved using one or two of the more fundamental selection methods combined with properties or chained together.