javascript - 您如何使用 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 规范中(Here 更详细)。您将不得不通过另一种方法获取 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';

是两种主要的方法。