Javascript 使用js检查div可见性

我有两个部门（索鲁和亚尼特）在一个部门（艾伦）。 当有人单击屏幕时，另一个不可见的div必须可见。一开始，“yanit”div是不可见的，“soru”div是可见的

我的代码在下面，但不起作用。我该怎么做

<script>
window.onload= function(){

var divSoru = document.getElementById("soru");
var divYanit = document.getElementById("yanit");
document.getElementById("alan").addEventListener('click', containerClick, false);

function containerClick(){
if(divSoru.style.visibility=='visible'){
    divSoru.style.visibility=='hidden';
    divYanit.style.visibility='visible';
}
if(divSoru.style.visibility=='hidden'){
    divYanit.style.visibility='hidden';
    divSoru.style.visibility=='visible';
         }
     }
     }
</script>

window.onload=function（）{
var divSoru=document.getElementById（“soru”）；
var divYanit=document.getElementById（“yanit”）；
document.getElementById（“alan”）.addEventListener（'click'，containerClick，false）；
函数containerClick（）{
if（divSoru.style.visibility=='visible'）{
divSoru.style.visibility=='hidden'；
divYanit.style.visibility='visible'；
}
if（divSoru.style.visibility=='hidden'）{
divYanit.style.visibility='hidden'；
divSoru.style.visibility=='visible'；
}
}
}

您犯了两个错误：

if(divSoru.style.visibility=='visible'){
    divSoru.style.visibility='hidden'; // you used == 
    divYanit.style.visibility='visible';
}
if(divSoru.style.visibility=='hidden'){
    divYanit.style.visibility='hidden';
    divSoru.style.visibility='visible'; // you used == 
}

---

现在它应该可以工作了。

element.style

只检查内联样式。也许您可以使用

class

来代替，或者为

soru

分配一个初始的内联可见性。应为divSoru.style.visibility='hidden'。