W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> .example { border: 1px solid black; padding 8px; } </style> </head> <body> <h1>Document 对象</h1> <h2>getElementsByClassName() 方法</h2> <p>更改 class="example" 的所有元素的背景颜色：</p> <div class="example"> class="example" 的 div </div> <br> <div class="example"> class="example" 的 div </div> <p class="example"> class="example" 的 p。 </p> <p>class="example" 的 <span class="example">span</span> 元素。</p> <script> const collection = document.getElementsByClassName("example"); for (let i = 0; i < collection.length; i++) { collection[i].style.backgroundColor = "red"; } </script> </body> </html>