JavaScript JavaScript and the DOM Getting a Handle on the DOM Selecting Multiple Elements

JavaScript query re: document.querySelectorAll ()

I have answered the question re how to get list items to refer to a collection in Javascript /HTML . My code is available to view within.. I tried switching the word rainbow for li and ul, which also did'nt work.. anyone have nay idea of what I may be doing wrong? :)

var listItems; document.querySelectorAll('rainbow')
var colors = ["#C2272D", "#F8931F", "#FFFF01", "#009245", "#0193D9", "#0C04ED", "#612F90"];

for(var i = 0; i < colors.length; i ++) {
  listItems[i].style.color = colors[i];    
<!DOCTYPE html>
    <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>
    <script src="js/app.js"></script>

1 Answer

54,286 Points

See Descendant Selector here and see if you can get it with combination of #rainbow and li. Also you will want to use the assignment operator or nothing will work.