Javascript：可见性

Question

正在处理同样的问题，我现在正尝试使用可见性使用不同的解决方案：隐藏;能见度：可见; 。我遇到的问题不是使某些东西可见或隐藏，而是将两个元素组合起来互相攻击。例如，这就是我所拥有的：

<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代码，在线阅读一些解决方案对我来说是希腊语。因此，如果有人理解我正在尝试做的事情将非常感激。

Answer 1

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

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

Here就是一个例子。

Answer 2

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

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

隐藏

和

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

再次显示。