如何使用 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';

是两种主要方法。

Answer 2

不要使用document.all[] 。 并非所有浏览器都支持它，并且在很大程度上是IE4时代的工件。 而是使用document.getElementById()来访问<div>的id属性：

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

Answer 3

//类名为layer1

document.querySelectorAll('.layer1').style.display='none';
document.querySelectorAll('.layer1').style.display='block';


//id named layer1
document.querySelector('#layer1').style.display='none';
document.querySelector('#layer1').style.display='block';