W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <body> <h1>NodeList 对象</h1> <h2>item() 方法</h2> <p>请单击“更改”，来更改所有具有 class="child" 的元素的颜色。</p> <button onclick="myFunction()">更改</button> <p class="child">class="child" 的 p 元素。</p> <p class="child">class="child" 的 p 元素。</p> <p>包含 <span class="child">class="child" 的 span</span> 的 p 元素。</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>