為什麼我的 JavaScript 沒有隱藏我的第二個 Div？

使用 JavaScript 切換兩個 Div 的可見性

問題

對於網站，您希望使用 JavaScript 切換兩個 div 的可見性。第一個函數工作正常，但用於隱藏第二個 div 的第二個函數不起作用。

解

隱藏元素：

到隱藏元素，設定其顯示或可見性屬性。若要完全隱藏，請使用 display: none。要僅在視覺上隱藏，請使用visibility:hidden。

隱藏元素集合：

如果需要隱藏多個元素，請迭代它們並設定顯示屬性每個都沒有。

修訂程式碼：

修改程式碼如下：

function toggleDiv(target, replacement) {
  document.getElementById(target).style.display = 'none';
  document.getElementById(replacement).style.display = 'inline';
}

用法：

「建立🎜>用法：

<button onClick="toggleDiv('target', 'replace_target')">View Portfolio</button>
<button onClick="toggleDiv('replace_target', 'target')">View Results</button>

建立🎜>用法：

建立🎜>使用兩個在div 之間切換的按鈕：此程式碼現在將正確切換div。

以上是為什麼我的 JavaScript 沒有隱藏我的第二個 Div？的詳細內容。更多資訊請關注PHP中文網其他相關文章！