x
<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><!-- /jsref/tryit.asp?filename=tryjsref_nodelist_item_loop Thu, 06 Feb 2025 18:36:27 GMT --></html>