queryselectorall array.from code example

Example 1: js foreach querySelectorAll

const allSpanElements = document.querySelectorAll('span');

allSpanElements.forEach((spanElement) => {
  	// Here comes the Code that should be executed on every Element, e.g.
	spanElement.innerHTML = "This Content will appear on every span Element now";
});

Example 2: js convert nodelist to array

// Get all buttons as a NodeList
var btns = document.querySelectorAll('button');

// Convert buttons NodeList to an array
var btnsArr = Array.from(btns);

Example 3: js queryselectorall

var matches = document.querySelectorAll("p");

Example 4: javascript querySelectorAll to array

const spanList = [...document.querySelectorAll("span")];