DOM - NodeList (Collection)

A nodelist is the result of a selection that returns more than one node (Generally an element)

Nodelist:

• HTMLAllCollection, HTMLFormControlsCollection, HTMLOptionsCollection, interfaces are collections derived from the HTMLCollection interface.

• With JQuery

jQuery(selector).length

• A list of div element where we want to loop.

<ul id="my-list">
    <li>Nico</li>
    <li>can</li>
    <li>do</li>
    <li>JS</li>
</ul>

• The Javascript code that shows the loop.

// Get all divs element
// allDivs is an array of NodeList
allDivs=document.querySelectorAll("#my-list > li");

// Loop
for (i = 0; i < allDivs.length; i++) {
    console.log("Li element number "+i+" - "+allDivs[i].textContent);
}

For more see DOM - Collection Iteration (NodeList, ..)

• HTML5 Architecture - collections