javascript selector code example

Example 1: js select element by css selector

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

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

Example 2: do some css using js on selector

let myElement = document.querySelector("#superman");
myElement.style.backgroundColor = "#D93600";

Example 3: js queryselector

const content = document.querySelector('.content');

const towns = ['Helsinki', 'Espoo', 'Vantaa'];

towns.forEach(city => {
    content.innerHTML += `<p>${city}</p>`;
});

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: query selector js

element = document.querySelector(sélecteurs);