document.queryselectorall javascript code example
Example 1: queryselector
var el = document.querySelector(".myclass");
Example 2: js queryselectorall
var matches = document.querySelectorAll("p");
Example 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>
Example 4: javascript select all elements
document.querySelectorAll('.message');
Example 5: document.queryselector
<div id="foo\bar"></div>
<div id="foo:bar"></div>
<script>
console.log('#foo\bar');
document.querySelector('#foo\bar');
console.log('#foo\\bar');
console.log('#foo\\\\bar');
document.querySelector('#foo\\\\bar');
document.querySelector('#foo:bar');
document.querySelector('#foo\\:bar');
</script>
Example 6: js queryselectorall
elementList = parentNode.querySelectorAll(selectors);