在两种布局之间切换的按钮不适用于javascript

<div id="layout1">
  <!-- 布局1的内容 -->
</div>

<div id="layout2" style="display: none;">
  <!-- 布局2的内容 -->
</div>

<button id="toggleButton">切换布局</button>

var toggleButton = document.getElementById("toggleButton");
var layout1 = document.getElementById("layout1");
var layout2 = document.getElementById("layout2");

toggleButton.addEventListener("click", function() {
  if (layout1.style.display === "none") {
    layout1.style.display = "block";
    layout2.style.display = "none";
  } else {
    layout1.style.display = "none";
    layout2.style.display = "block";
  }
});