x
<html><head><style>#myDIV { border: 1px solid black; margin: 5px;}</style></head><body><div id="myDIV"> <h2 class="example">A heading with class="example" in div</h2> <p class="example">A paragraph with class="example" in div.</p> </div><p>Click the button to add a background color to the first element in DIV with class="example" (index 0).</p><button onclick="myFunction()">Try it</button><script>function myFunction() { var x = document.getElementById("myDIV").querySelectorAll(".example"); x[0].style.backgroundColor = "red";}</script></body><!-- Mirrored from www.w3schools.com/jsref/tryit.asp?filename=tryjsref_element_queryselectorall_class by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 21 Dec 2022 17:39:44 GMT --></html>