queryselector js code example
Example 1: queryselector
var el = document.querySelector(".myclass");
Example 2: js queryselector names
document.querySelector('[name="your-selector-name-here"]');
Example 3: javascript queryselector
const myParagraph = document.querySelector('.example');
myParagraph.textContent = 'This is my new text';
Example 4: javascript queryselectorall
<article class="article first">
<div class="wrapper">
<div class="oferts">
<div class="pro"></div>
<h1>This is the Pro Version</h1>
</div>
<div class="oferts">
<div class="normal"></div>
<h1>This is the normal Version</h1>
</div>
</div>
</article>
<!-- You will get a NodeList as Output -->
<!-- Try to do : console.log(typeof(oferts)) And you will see the type-->
<script>
var articleFirst = document.querySelectorAll("article.first");
console.log(articleFirst)
var oferts = articleFirst[0].querySelectorAll(".oferts");
console.log(oferts)
</script>
Example 5: queryselector javascript
var element = document.querySelector("#myid .myclass p");
Example 6: js queryselector
const content = document.querySelector('.content');
const towns = ['Helsinki', 'Espoo', 'Vantaa'];
towns.forEach(city => {
content.innerHTML += `<p>${city}</p>`;
});