Run ❯
Get your
own
website
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <body> <h1>The NodeList Object</h1> <h2>The item() Method</h2> <p>Click "Change" to change the color of all elements with class="child".</p> <button onclick="myFunction()">Change</button> <p class="child">A p element with class="child".</p> <p class="child">A p element with class="child".</p> <p>A p element with a <span class="child">span with class="child"</span>.</p> <script> function myFunction() { const list = document.querySelectorAll(".child"); for (let i = 0; i < list.length; i++) { list[i].style.color = "red"; } } </script> </body> </html>
