javascript - 使用js检查div可见性

Question

我在一个 div（alan）中有两个 div（soru 和 yanit）。当有人点击屏幕时，另一个不可见的 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>

Answer 1

你犯了2个错误：

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 == 
}

现在它应该可以工作了。