iterate over node object children

Solutions on MaxInterview for iterate over node object children by the best coders in the world

Search
showing results for - "iterate over node object children"
Romina
16 Jun 2019
1/* HTML */
2/*
3<ul class="navigation__secondary" id="navigation-bar">
4  <li class="navigation__secondary-item">
5  	<span>Item</span>
6  </li>
7  <li class="navigation__secondary-item active">
8	  <span>Second item</span>
9  </li>
10  <li class="navigation__secondary-item active">
11  	<span>Third item</span>
12  </li>
13</ul>
14*/
15
16const secondaryNavList = document.querySelector('.navigation__secondary');
17
18/* Method 1 A (ES6) */
19const secondaryNavListChildren = Array.from(secondaryNavList.children);
20
21for (let secondaryNavListItem of secondaryNavListChildren) {
22  console.log(secondaryNavListItem);
23}
24
25/* Method 1 B (ES5) */
26const secondaryNavListChildren = Array.prototype.slice.call(secondaryNavList.children);
27
28for (let secondaryNavListItem of secondaryNavListChildren) {
29  console.log(secondaryNavListItem);
30}
31
32/* Method 2 */
33
34const secondaryNavListChildren = secondaryNavList.childNodes;
35
36secondaryNavListChildren.forEach((navListItem) => {
37  console.log(navListItem);
38})
39
similar questions
javascript iterate over object keys and valueshow to iterate through an object and also nested object in javascriptjavascript associative object foreachiterate through nested object javascriptfor each of objectes6 loop through objectloop through object and get a certain valuesjavascript loop through array of objects es6iterate over array of objects javascriptobject foreachloop over keys in object javascriptjs loop over array of objects extract valuejavascript loop nested objectgoing through every attributes of an object javascriptlooping through an object of objects with arraysiterate over array of object javascript and access the propertiesfor each element in objecthow to iterate over keys in object javascriptjs object for eachjavascript foreach in object
queries leading to this page
for each element childfor each childfor each child element javascriptjs for each child elementeach child jsjs for each child of elementjs children for eachjavascript for each child elementjs foreach child elementjs for each tag childfor each childrenfor each child javascriptfor each child node javascriptfor each child of elementchild element in a foreachfor each element in dom javascriptjavascript for each childiterate over node object children