0

同じ問題に取り組んでおり、現在、visibility:hidden; を使用して別のソリューションを使用しようとしています。可視性:可視; . 私が抱えている問題は、何かを表示または非表示にすることではなく、2 つの要素を組み合わせて相互に作用させることです。たとえば、ここに私が持っているものがあります:

<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 に切り替えてそこに保持します。

次に、2番目の画像またはボタンで、最初の要素の状態をオフから可視に切り替えてから、2番目の要素をオフにするという正反対のことを行います。私は JavaScript コードを書くのが苦手で、オンラインでいくつかのソリューションを読むのは私にとってギリシャ語です。だから、誰かが私がやろうとしていることを理解しているなら、大歓迎です。

4

2 に答える 2

0

クリック イベントに基づいて div の表示を画像の 1 つに切り替えようとしているようです。代わりにイベントを使用してみてonclick、div の DOM プロパティを正しく参照してください。

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

ここに例があります。

于 2013-07-17T19:27:50.377 に答える
0

style.display='hidden'おそらく、可視性プロパティの代わりに使用する方がよいでしょう。それは次のようになります。

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

隠れる

と

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

もう一度表示します。

于 2013-07-17T19:31:31.883 に答える