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：可見性

回答

相關問題