for each child of element

Solutions on MaxInterview for for each child of element by the best coders in the world

Search
showing results for - "for each child of element"
Rodrigo
04 Aug 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
jquery loop through each child elementcount child elements javascriptjavascript element children foreach not workingget all child element of class javascriptselect all children javascriptget child of child javascripthow to get child element in javascripthow to get the nth child of dom jsjavascript get element nth childjavascrip for each element of classget all the child of the same class javascriptjavascript get childrenchild element jsselect child javascript
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 childfor each child of element