queryselector w3schools code example

Example 1: queryselector

var el = document.querySelector(".myclass");

Example 2: javascript queryselector

//Pretend there is a <p> with class "example"
const myParagraph = document.querySelector('.example');
//You can do many this with is
myParagraph.textContent = 'This is my new text';

Example 3: js select element inside of div

var targetDiv = document.getElementById("foo").getElementsByClassName("bar")[0];

Example 4: 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 5: js queryselector

const para = document.querySelectorAll('p');

Example 6: dom queryselector

// TO select all the h1 from Html
document.querySelectorAll("h1")

//To select h1 from a particular class or id
document.querySelector(".className/#id h1")