Javascript: Visibility

Javascript: Visibility

本文关键字：Visibility Javascript      更新时间：2023-09-26

一直在处理同一个问题，现在正试图使用可见性使用不同的解决方案：hidden；可见性：可见。我面临的问题不是让一些东西变得可见或隐藏，而是将两个元素结合起来，互相炫耀。例如，这里是我所拥有的：

<div id="external"></div>
<div>
<img src="../../images/labortab.png" style="float:left; width:38px; height:125px;" id="labor" onmousedown="document.external.visibility='false';document.external.visibility='true';"/>
<img src="../../images/odctab.png" style="float:left; width:38px; height:125px;" id="odc" onmousedown="document.external.visibility='true';document.external.visibility='false';"/> 
</div>

当我点击第一个图像或按钮时，我希望外部div从其当前可见状态切换到关闭状态，并用隐藏的div中的另一个元素替换该div，将该元素切换为true并保持在那里。

然后，我想让第二个图像或按钮做完全相反的事情，将第一个元素的状态从关闭切换到可见，然后关闭第二个元素。我不擅长编写JavaScript代码，在线阅读一些解决方案对我来说是希腊语。所以，如果有人理解我想做的事情，我将不胜感激。

看起来您正试图根据其中一个图像的单击事件来切换div的可见性。尝试使用事件onclick，并正确引用div的DOM属性：

document.getElementById('external').style.visibility='hidden';

下面是一个例子。

您最好使用style.display='hidden'而不是visibility属性。看起来像这样：

document.getElementById('id').style.display = 'hidden'

隐藏

和

document.getElementById('id').style.display = 'block'
    //or inline or inline-block as needed

以再次显示。

相关文章：