为什么我的 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';
}

用法：

创建两个在 div 之间切换的按钮：

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

此代码现在将正确切换div。

以上是为什么我的 JavaScript 没有隐藏我的第二个 Div？的详细内容。更多信息请关注PHP中文网其他相关文章！