63

助けになった同様のトピックをいくつか見ましたが、特定の問題があり、単独で解決できなかったので、誰か助けていただければ幸いです

div要素にonclickイベントを追加したい。

HTML:

<div id="thumb0" class="thumbs" onclick="klikaj('rad1')"></div>

JavaScript:

function klikaj(i)
{
    document.getElementById(i).style.visibility='visible';
}

望ましい結果: div with をid="rad1"クリックすると、div with (非表示) が表示されますid="thumb0"。

これは、ボタン要素に追加すると機能しますが、div 要素ではどうなるかわかりません。

4

5 に答える 5

51

問題が何であるかわかりません。以下を実行すると、期待どおりに機能します。

<div id="thumb0" class="thumbs" onclick="klikaj('rad1')">knock knock</div>
​&lt;div id="rad1" style="visibility: hidden">hello world</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
<script>
function klikaj(i) {
    document.getElementById(i).style.visibility='visible';
}
</script>

参照：http：//jsfiddle.net/5tD4P/

于 2012-10-18T01:36:20.447 に答える
2

div をどのように隠しているかによって異なりdiplay=noneますvisibility=hidden。opacity=0

  • 可視化して使用する...style.visibility='visible'

  • 表示してから使用します（または 、css、inline、inline-block、flex の設定...style.display='block'方法によって異なります...）

  • 不透明度を使用...style.opacity='1';

于 2017-10-20T14:08:37.110 に答える
0

//--style="display:none"--//divを非表示にするために使用していると思います。

次のコードを使用します。

<script>
    function klikaj(i) {
        document.getElementById(i).style.display = 'block';
    }
</script>
<div id="thumb0" class="thumbs" onclick="klikaj('rad1')">Click Me..!</div>
<div id="rad1" class="thumbs" style="display:none">Helloooooo</div>
于 2012-10-18T09:22:13.003 に答える