                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

为什么不能通过类名改变display，但在js里直接改可以

switch(obj.innerHTML){
            case "房产":
              //document.getElementById("div1").className = "myshow";
              mydiv[0].style.display = "block";
              break;
            case "家居":
              //document.getElementById("div2").className = "myshow";
              mydiv[1].style.display = "block";
              break;
            case "二手房":
              //document.getElementById("div3").className = "myshow";
              mydiv[2].style.display = "block";
              break;
        }

Joyce_Wu

2017-07-28

源自：JavaScript进阶篇 10-1

关注问题我要回答

1063

操作

收起

3 回答

信者得救回答被采纳 +2 积分
2017-07-29

这是一个样式优先级的问题。样式分为内联样式，内部样式，和外部样式，优先级从左往右。按照你写的代码，就会出现style="display="none""，className ="myshow"，这两个样式冲突，会优先执行内联样式，也就是display="none"。如果你想用类的话，不要用style.display="none"来设置，可以直接再设置一个none的类，两个类切换就可以了