Member Avatar

I am wondering how I can hide all divs on the page only using Javascript, I cannot use Jquery. Is there a way to do this without using the arrays that comes with document.getElementByTag? Or if there is not, could you show me how to hide all? Thanks!

  • 3 Contributors
  • 4 Replies
  • 257 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by iamthwee

Recommended Answers

All 4 Replies

Member Avatar

Hi there,

You can use jQuery if you want some cool effects. have a look at jQuery

in pure javascript, you'd need something like the below code. This does what you want using ElementById. It is not gonna be hard then to work out what you exactly want to do.

 <script type="text/javascript">
    function hideMe()
    {
          document.getElementById('myDiv').style.display="hidden"   ;
    }
 </script>


   <body>

       <div id="myDiv"  onclick="return hideMe();">
               Hide me.
       </div>

   </body>

I hope this helps.

Member Avatar

I cannot use Jquery

Seriously... Why?

Member Avatar

It's not by any choice of mine! The Studio that we use is written strangely, and I have not yet been able to implement JQuery on it. If I could/knew how to, believe me I'd be all over it!

Member Avatar

OK in that case I can't help. Good luck though.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, learning, and sharing knowledge.