.querySelector() code example

Example 1: queryselector

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

Example 2: js queryselector names

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

Example 3: js queryselector

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

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

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

Example 4: 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")