queryselectorall

1const allSpanElements = document.querySelectorAll('span');
2
3allSpanElements.forEach((spanElement) => {
4  	// Here comes the Code that should be executed on every Element, e.g.
5	spanElement.innerHTML = "This Content will appear on every span Element now";
6});

1//To obtain a NodeList of all of the <p> elements in the document:
2const matches = document.querySelectorAll("p");
3
4//This example returns a list of all <div> elements within the document with a class of either note or alert:
5const matches = document.querySelectorAll("div.note, div.alert");
6
7//Here, we get a list of <p> elements whose immediate parent element is a <div> with the class highlighted and which are located inside a container whose ID is test.
8const container = document.querySelector("#test");
9const matches = container.querySelectorAll("div.highlighted > p");
10
11
12
13