자바 스크립트에서 버튼을 클릭 한 후 div를 표시하는 방법은 무엇입니까?

Question

가능한 중복 : 나는 DIV
Javascript show element on click

다음있다.

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

자바 스크립트 : 나는

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

Answer 1

HTML 코드 표시 없음입니다 부탁해 버튼 클릭 후 DIV를 표시 할

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

데모 참조 : http://jsfiddle.net/rathoreahsan/vzmnJ/

Answer 2

을 HTML

<div id="myDiv" style="display:none;" class="answer_list" >WELCOME</div> 
<input type="button" name="answer" onclick="ShowDiv()" /> 

자바 스크립트

function ShowDiv() { 
    document.getElementById("myDiv").style.display = ""; 
} 

아니면 좋은 작은 애니메이션 jQuery를 사용하기를 원한다면 :

<input id="myButton" type="button" name="answer" /> 

$('#myButton').click(function() { 
    $('#myDiv').toggle('slow', function() { 
    // Animation complete. 
    }); 
}); 

Answer 3

<div style="display:none;" class="answer_list" > WELCOME</div> 
<input type="button" name="answer" onclick="document.getElementsByClassName('answer_list')[0].style.display = 'auto';"> 

Answer 4

<script type="text/javascript"> 
function showDiv(toggle){ 
document.getElementById(toggle).style.display = 'block'; 
} 
</script> 

<input type="button" name="answer" onclick="showDiv('toggle')">Show</input> 

<div id="toggle" style="display:none">Hello</div>