Answers for "how to filter htmlcollection"

3

create array from htmlcollection

//Use the Array.from() method to convert a nodelist or HTMLcollection into an array.

let elements = document.getElementsByClassName("classnameHere");
let arrayOfElements = Array.from(elements);

//Now arrayOfElements is iterable with methods such as .forEach().
Posted by: Guest on March-03-2020
0

filter htmlcollection

const existingElements = document.querySelectorAll(".chapter-list-item");

const chapters = Array.from(existingElements)
  .filter(chapter => !chapter.classList.contains("active"))

console.log("Found elements:")
for (const chapter of chapters) {
  console.log(chapter.textContent, chapter.className)
}
Posted by: Guest on April-07-2021
0

filter htmlcollection

const chapters = document.querySelectorAll(".chapter-list-item:not(.active)");

console.log("Found elements:")
for (const chapter of chapters) {
  console.log(chapter.textContent, chapter.className)
}
Posted by: Guest on April-07-2021

Code answers related to "how to filter htmlcollection"

Code answers related to "Javascript"

Browse Popular Code Answers by Language