根据class操作div显示与隐藏

最新推荐文章于 2023-03-30 14:26:04 发布

转载最新推荐文章于 2023-03-30 14:26:04 发布 · 1.9k 阅读

3 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/duanwandao/p/9603303.html

文章标签：

#javascript #ViewUI

本文介绍使用JavaScript操作页面上带有特定类名的DOM元素的可见性，通过获取类数组并遍历设置其display属性来实现元素的显示与隐藏。

<div class="otherComment" >   <!-- style="display:none" -->
          测试                                
 </div>

 $(function(){
         var otherComment = document.getElementsByClassName("otherComment");//获取到的是一个类数组
          for(var i=0;i<otherComment.length;i++){
           otherComment[i].style.display = "none";
        }
    })
    
    function showOtherComment(){
       var otherComment = document.getElementsByClassName("otherComment");//获取到的是一个类数组
       for(var i=0;i<otherComment.length;i++){
            if(otherComment[i].style.display == "none"){
                otherComment[i].style.display = "block";        //显示
            }else{
                 otherComment[i].style.display = "none";        //隐藏
            }
       }
    }