document.querySelectorAll("...") code example

Example 1: js queryselector names

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

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

Example 4: js queryselectorall

elementList = parentNode.querySelectorAll(selectors);