主页
HTML
HTML 类
tryhtml_classes_js
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <body> <h2>JavaScript中class类属性的使用</h2> <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>