首页 >web前端 >js教程 >为什么我的 JavaScript 没有隐藏我的第二个 Div?

为什么我的 JavaScript 没有隐藏我的第二个 Div?

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-12-13 17:58:17590浏览

Why Isn't My JavaScript Hiding My Second 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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn