0 
<style type="text/css">
#second{
 display:none;
}
</style>

マウスイベントで、関数を呼び出している場所から現在の要素に関連しないdivのIDを渡したい。

<div id="first">
     ....
     ....
</div>
<div id="second">
     ....
     ....
</div>

<input type="image" src="..." id="notrelated"
 onClick="f('first','second')"
 />

javascript

<script type="text/javascript" language="javascript">
function f(first,second){
document.getElementById(first).style.display='none';
document.getElementById(second).style.visibility='visible';
}
</script>

したがって、上記の関数は、画像上のマウスイベントに基づいてdivを非表示にして表示するのに役立ちます。。。上記の手順に従いました。可視性を「表示」にした後、cozが表示されません。divの2番目の表示を作成しました。次の変更を行った結果、2番目のdivがスペースを占有することになりました。

<style type="text/css">
#second{
visibility:hidden;
}
</style>
4

2 に答える 2

0

私があなたの質問を正しく理解しているなら、あなたは他のDOM要素（この場合はdiv）のIDを渡したいと思います。他のDIVSを選択するには、それらのDIVSにクラスを追加する必要があります。

<div class = 'someclass1' id ='one'></div>

そしてあなたのonclickイベントパスで

$('.someclass1').attr('id');
于 2012-09-26T07:30:48.460 に答える
0

私があなたの質問を受け取った場合、あなたは関数であなたのdividを渡したいだけです。したがって、どの関数でも簡単に渡すことができます。

好き

<input type="image" src="..." id="notrelated" onClick="Toggle('first','second')" />

js関数が機能します

function Toggle(first,second){
   document.getElementById(first).style.visibility='hidden'
   document.getElementById(second).style.visibility='visible'
}

ただし、これらのIDのみを渡す場合は、これらを切り替えたい場合は、関数を次のように変更する必要があります。

function Toggle(first,second){
   var firstDiv = document.getElementById(first);
   var secondDiv = document.getElementById(second);
   firstDiv.style.visibility= firstDiv.style.visibility == 'hidden'?'visible':'hidden';
   secondDiv.style.visibility= firstDiv.style.visibility == 'hidden'?'visible':'hidden';
}

このデモをチェックできます

于 2012-09-26T07:45:30.277 に答える