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