主页
JS 参考手册
HTML DOM NodeList
tryjsref_dom_nodelist_loop
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <body> <h2>JavaScript HTML DOM</h2> <p>Hello World!</p> <p>Hello Norway!</p> <p>Click the button to change the color of all p elements.</p> <button onclick="myFunction()">Try it</button> <script> function myFunction() { const myNodelist = document.querySelectorAll("p"); for (let i = 0; i < myNodelist.length; i++) { myNodelist[i].style.color = "red"; } } </script> </body> </html>