这个函数最后部分为什么不起作用

Question

var db = document.querySelector(".kindOfReason-list-add");

  var cb = document.querySelector(".chooseBtn");

  var kl = document.querySelector(".kindOfReason-list");

 

  db.onclick = function(){

    if(cb.style.display == "none"){

      cb.style.display = "block";

      kl.style.border = "1px solid #ff9700";

      kl.style.background = "#fff";

    }else{

      cb.style.display = "none";

      kl.style.border = "none";

      kl.style.background = "transparent";

    }

  }

为什么下面的else里面的没有效果呢

这个是做二级菜单效果的  点击db cb弹出来，再次点击cb消失 同时相应样式改变

Answer 1

在 if 上面 console.log(cb.style.display) ，然后点击db，去控制台看看它的值是什么，就知道为什么没生效了