Javascript Code to Filter an Array of HTML Elements

The Javascript Filter() Method Works on an Array of Elements and Technically, an Array of HTML ELements is NOT an Array you can Use the Filter Function with. Here is how to Easily (one Line Code) Apply Javascript Filter() Method on Array of HTML Elements

// get all images on the web page let htmlImages = document.querySelectorAll("img"); // console.log(htmlImages.length); // debugging // convert html array to valid javascript array which you can then filter. In this // example were filtering out images that are not .gif ie .gif not found in image src arrFilteredImgs = Array.from(htmlImages).filter(element => (element.src.indexOf(".gif") !== -1)); //console.log(arrFilteredImgs.length); // debugging