querySelector javascript code example

Example 1: js select element by css selector

// First Element:
document.querySelector('.class')

// Multiple Elements:
document.querySelectorAll('.class')

Example 2: queryselector name attribute

document.querySelectorAll('[property]'); // All with attribute named "property"
document.querySelectorAll('[property="value"]'); // All with "property" set to "value" exactly.

Example 3: queryselector

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

Example 4: js queryselector names

// This selects the first element with that name
document.querySelector('[name="your-selector-name-here"]');

Example 5: 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 6: queryselector javascript

var element = document.querySelector("#myid .myclass p");