W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <body> <h1>在 JavaScript 中使用 class 属性</h1> <p>点击按钮隐藏所有类名为 "city" 的元素：</p> <button onclick="myFunction()">隐藏元素</button> <h2 class="city">伦敦</h2> <p>伦敦是英格兰的首都。</p> <h2 class="city">巴黎</h2> <p>巴黎是法国的首都。</p> <h2 class="city">东京</h2> <p>东京是日本的首都。</p> <script> function myFunction() { var x = document.getElementsByClassName("city"); for (var i = 0; i < x.length; i++) { x[i].style.display = "none"; } } </script> </body> </html>