Get all LI elements in array

Question

How can i make JS select every LI element inside a UL tag and put them into an array?

Answer 1

QuerySelectorAll will get all the matching elements with defined selector. Here on the example I've used element's name(li tag) to get all of the li present inside the div with navbar element.

    let navbar = document
      .getElementById("navbar")
      .querySelectorAll('li');

    navbar.forEach((item, index) => {
      console.log({ index, item })
    });

   

	

		
One
		
Two
		
Three
		
Four
		
Five