How to loop through all the elements returned from getElementsByTagName [duplicate]

by

You need to convert the nodelist to array with this:

<html>
    <head>
    </head>
    <body>
        <input type="text" value="" />
        <input type="text" value="" />
        <script>
            function ShowResults(value, index, ar) {
                alert(index);
            }
            var input = document.getElementsByTagName("input");
            var inputList = Array.prototype.slice.call(input);
            alert(inputList.length);
            inputList.forEach(ShowResults);
    </script>
    </body>
</html>

or use for loop.

for(let i = 0;i < input.length; i++)
{
    ShowResults(input[i].value);
}

and change ShowResults function to:

function ShowResults(value) {
   alert(value);
}

Why do we need to do that?
Some objects in JavaScript look like an array, but they aren’t one. That usually means that they have indexed access and a length property, but none of the array methods. Examples include the special variable arguments, DOM node lists, and strings. Array-Like Objects and Generic Methods gives tips for working with array-like objects.
source

UPDATE for 07.10.2019
Nowdays with ES6 you can use [...inputList].forEach, or Array.from(inputList)

More Related Contents:

  1. For-each over an array in JavaScript
  2. Short circuit Array.forEach like calling break
  3. JavaScript: Difference between .forEach() and .map()
  4. change values in array when doing foreach
  5. What does [].forEach.call() do in JavaScript?
  6. forEach on querySelectorAll not working in recent Microsoft browsers
  7. JavaScript, Node.js: is Array.forEach asynchronous?
  8. forEach on array of undefined created by Array constructor
  9. Check if object value exists within a Javascript array of objects and if not add a new object to array
  10. Why doesn’t nodelist have forEach?
  11. How to use promise in forEach loop of array to populate an object
  12. Why doesn’t console.log work when passed as a parameter to forEach?
  13. Why Array.forEach is slower than for() loop in Javascript? [duplicate]
  14. Loop over an array in JavaScript
  15. Splicing a Javascript array from within the callback passed to forEach
  16. Loop (for each) over an array in JavaScript
  17. Group javascript array object by same key
  18. JavaScript foreach loop on an associative array object
  19. Can forEach in JavaScript make a return? [duplicate]
  20. Change background image php loop [closed]
  21. Merge/flatten an array of arrays
  22. Convert base64 string to ArrayBuffer
  23. How to split a long array into smaller arrays, with JavaScript
  24. How to count the number of occurrences of each item in an array? [duplicate]
  25. Check if array contains all elements of another array
  26. Using Array objects as key for ES6 Map
  27. Convert object to array of key–value objects like `{ name: “Apple”, value: “0.6” }`
  28. Get largest value in multi-dimensional array javascript or coffeescript
  29. Javascript array length incorrect on array of objects
  30. How to access array in circular manner in JavaScript

Leave a Comment