Answers for "target element by attributes js querySelectorAll"

0

how to select data attribute in javascript using queryselectorAll

<!DOCTYPE html>
    <html>
        <head></head>
        <body>
            <p data-foo="0"></p>
            <h6 data-foo="1"></h6>
            <script>
                var a = document.querySelectorAll('[data-foo]');

                for (var i in a) if (a.hasOwnProperty(i)) {
                    alert(a[i].getAttribute('data-foo'));
                }
            </script>
        </body>
    </html>
Posted by: Guest on December-06-2020
3

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>
Posted by: Guest on November-16-2020

Code answers related to "target element by attributes js querySelectorAll"

Code answers related to "Javascript"

Browse Popular Code Answers by Language