Hola, tengo una lista desordenada. Quería recorrer los elementos li. Pero, por mi falta de conocimiento, no pude usar es6 para eso. Obtuve mi resultado usando for loop. Pero, quiero saber, ¿hay alguna manera mejor de hacerlo? Por favor hagamelo saber.
<ul id="product-nav-ul"> <li id="first">All</li> <li id="second">Oranges</li> <li id="third">Fresh Meat</li> <li id="fourth">Vegetables</li> <li id="fifth">Fastfood</li> </ul> const productNavUl = document.getElementById('product-nav-ul'); let lis = productNavUl.children; console.log(productNavUl.children) console.log(lis.length) for(let i = 0; i<lis.length; i++){ console.log(lis[i].id) }Esto depende de lo que quieras hacer con los elementos li . Si solo desea recuperar la id , creo que el enfoque más "moderno" sería usar el map .
const liIds = Array.from(productNavUl.children).map((li) => li.id)