javascript - onclickイベントによってトリガーされたdivを表示する方法

Question

私は2つ持っていますdiv。イベントがトリガーされたときにdiv（他divのsが含まれている）を表示したい。onclick

任意の助けや提案をいただければ幸いです。

Answer 1

どうぞ：

div{
    display: none;
}

document.querySelector("button").addEventListener("click", function(){
    document.querySelector("div").style.display = "block";
});

<div>blah blah blah</div>
<button>Show</button>

ライブデモ：http：//jsfiddle.net/DerekL/p78Qq/

Answer 2

表示/非表示にするdivにIDを指定してから、次のコードを使用する必要があります。

html：

<div id="one">
    <div id="tow">
        This is text
    </div>
    <button onclick="javascript:showDiv();">Click to show div</button>
</div>

javascript：

function showDiv() {
    div = document.getElementById('tow');
    div.style.display = "block";
}

CSS：

​#tow { display: none; }​

フィドル： http： //jsfiddle.net/xkdNa/

Answer 3

divのIDをお持ちの場合は、次のことを試してください。

  <input type='submit' onclick='$("#div_id").show()'>

Answer 4

function showstuff(boxid){
   document.getElementById(boxid).style.visibility="visible";
}

<button onclick="showstuff('id_to_show');" />

これはあなたを助けると思います。