如何显示由onclick事件触发的div

Question

我有两个div。我想在触发div事件时显示div（其中包含其他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');" />

我认为这对你有帮助。