Javascript：可见性

一直在研究相同的问题，现在正试图使用不同的解决方案使用可见性：hidden;能见度：可见; 。我遇到的问题不是让某些东西可见或隐藏，而是将两个元素相互结合起来。例如，下面是我：Javascript：可见性

<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代码，并且在线阅读一些解决方案对我来说是希腊语。所以如果任何人明白我想要做什么将非常感激。

来源

2013-07-17 Keith

我试过各种代码，我可以在div中交换图像，但我需要能够切换一个元素（图表），它不想识别元素。至于代码，我使用getElementByID（）并将所有内容写入DOM。我不擅长编写javascript函数，这可能是我现在需要的。 – Keith

如果您不使用库来绑定事件处理程序，为什么用jQuery标记问题？ – oomlaut

你想在外部div中切换一些元素吗？ –

它看起来像你试图切换基于点击事件的div的可见性到其中一个图像。尝试使用事件onclick代替，并正确地引用div的DOM属性：

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

Here就是一个例子。

来源

2013-07-17 19:27:50 oomlaut

您可能更适合使用style.display='hidden'而不是可见性属性。这将是这个样子：

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

隐藏

和

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

再次显示。

来源

2013-07-17 19:31:31

是的，这个工程除了我需要做出另一个元素时，我点击这个隐藏。此外，我不希望该元素仅链接到一个脚本，因此您可以随时关闭此元素。我需要将其链接到另一个按钮，以便当您单击此按钮时，只有另一个按钮可以取消隐藏它，反之亦然。 – Keith

Javascript：可见性

回答

相关问题