querySelector all code example

Example 1: js queryselectorall

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

Example 2: js queryselector find without attribute

var test = document.querySelectorAll('input[value][type="checkbox"]:not([value=""])');

Example 3: document.queryselectorall extract all href element

[].forEach.call( document.querySelectorAll('img.PinImageImg'), 
function  fn(elem){ 
    console.log(elem.src);
});

Example 4: select all elements javascript

var elements = document.getElementsByTagName("*");

Example 5: queryselector function in javascript

/*The querySelector() method returns the first element that matches a specified 
CSS selector(s) in the document. Note: The querySelector() method only returns 
the first element that matches the specified selectors. To return all the 
matches, use the querySelectorAll() method instead.*/

// for example 

//for class
document.querySelector(".ClassName")

// for id 
document.querySelector("#ID")

// etc.

Example 6: js queryselectorall

elementList = parentNode.querySelectorAll(selectors);