Share on Google+Share on Google+

JavaScript hide() method

JavaScript provides a method hide(), so that user can hide elements whenever they require.

JavaScript hide() method


JavaScript provides a method hide(), so that user can hide elements whenever they require. This function may be helpful when user wants to show some elements on any event and then required to hide them when action has been performed. In the following example code we have illustrated the use of hide() method by hiding a "Pop Up" item.

Syntax :


 Where element object is the object onto which we have to perform hide() method. Let's understand the use of hide() with an example :



  <title> Hide method </title>
  <script language="JavaScript">
	var popup;
	function ShowPopup() {
	 popup = window.createPopup(); = '#778899';
                   ="<div>HELLO ! Welcome to RoseIndia </div>";,100,200,200,document.body); 
<div style="background: #335556; width:'100%';" 
  <font color="#ffddff" size="12pt">
	<b>hide method example</b>
	<input type="button" value="Show popup" 
	<input type="button" value="Hide popup"

Here in the above code we have created two buttons. When user clicks on the first button it calls the function ShowPopup(). In this function we have first created a popup window by calling method window.createPopup(). After that we have added some inner text into it and then we have shown it by the method At last when user clicks on another button "Hide popup" it calls the method hide() on the popup element's object.

Output :

Click on the button "Show popup" to show popup element.

Click on another button "Hide popup" to hide popup window.

Download Source Code



Posted on: February 7, 2009 If you enjoyed this post then why not add us on Google+? Add us to your Circles

Share this Tutorial Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Discuss: JavaScript hide() method   View All Comments

Post your Comment

Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
December 13, 2011

Alakazaam-information found, problem solved, tanhks!
udhayavanan sambath
February 23, 2012

Sir/Madam this coding doesn't works. Pls Explain. the function...
Alejandro Perez
April 6, 2012
Not Work!

window.createPopup is not a function popup = window.createPopup();