Display a div when a user clicks using a javascript function

Question

I need to display on a webpage a div when a user clicks on a button. Does someone know how to do it ?

My code so far :

<body onload ="init()">
      <input type="button" value="Display the div tree" onclick="check();" />

      <script ="text/javascript">

      function check() {
      // I'd like to display on the page the div tree
      }

     </script>

      <div id = "tree" style="display:none"> // I don't want to display it unless the user clicks on the button "Display the div tree"
      </div>      

</body>

thanks,

Bruno

Answer 1

document.getElementById('tree').style.display='';

包括在您的检查功能中

Answer 2

i'm not sure if i understood the question, this seems a bit too easy:

function check() {
  document.getElementById('tree').style.display=''; // or display='block';
}

EDIT :
the reason this dooesn't work for you is an error in your code. please change this line:

<script ="text/javascript">

to

<script type="text/javascript">

and everything wiill be fine. also, you should place the script in the head of your document, but thats not absolutely neccessary.

Display a div when a user clicks using a javascript function

Question

2 answers

solution1
2 ACCPTED 2011-04-15 09:40:37

solution2
1 2011-04-15 09:40:04

Display a div when a user clicks using a javascript function

Question

2 answers

solution1 2 ACCPTED 2011-04-15 09:40:37

solution2 1 2011-04-15 09:40:04

solution1
2 ACCPTED 2011-04-15 09:40:37

solution2
1 2011-04-15 09:40:04