如何使用javascript切换FF中div的可见性？（IE和Chrome可以正常工作）

Question

因此，我正在尝试使用javascript切换div层的可见性，如下所示：

document.all["layer1"].style.visibility='visible';

和

document.all["layer1"].style.visibility='hidden';

如果我尝试在Firefox中执行此操作，语法将是什么样的？如果我知道这一点，那么我将添加一个if语句，以检查浏览器是否为firefox并使用替代代码。

Answer 1

document.all是不支持的功能，在DOM规范中也不是（此处有更多信息）。您将不得不通过另一种方法来获取div。

querySelector

document.querySelector('div#layer1').style.visibility = 'hidden';    
document.querySelector('div#layer1').style.visibility = 'visible';

要么

getElemenyById

document.getElementById('layer1').style.visibility = 'hidden';
document.getElementById('layer1').style.visibility = 'visible';

有两种主要方法。