如何在点击Javascript中的按钮后显示div？ [英] How to display div after click the button in Javascript?

问题描述

可能存在重复：

Javascript显示元素点击

我有以下DIV。我想在按钮点击后显示DIV。现在它不显示

I have following DIV . I want to display the DIV after button click .Now it is display none

<div  style="display:none;" class="answer_list" > WELCOME</div>
<input type="button" name="answer" >

推荐答案

HTML代码：

<div id="welcomeDiv"  style="display:none;" class="answer_list" > WELCOME</div>
<input type="button" name="answer" value="Show Div" onclick="showDiv()" />

Javascript：

Javascript:

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

查看演示： http://jsfiddle.net/rathoreahsan/vzmnJ/

这篇关于如何在点击Javascript中的按钮后显示div？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！