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

你犯了两个错误：

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

现在应该可以了。

使用js检查div可见性

1 个答案: