HTML DOM Style visibility Property | visibility css
ExampleHidethecontentofa
element:document.getElementById("myP").style.visibility="hidden";TryitYourself»[1]DefinitionandUsageThevisibilitypropertysetsorreturnswhetheranelementshouldbevisible.Thevisibilitypropertyallowstheauthortoshoworhideanelement.Itissimilartothedisplay[2]property.However,thedifferenceisthatifyousetdisplay:none,ithidestheentireelement,whilevisibility:hiddenmeansthatthecontentsoftheelementwillbeinvisible,buttheelementstaysinitsoriginalpositionandsize.BrowserSupportP...
ExampleHide the content of a <p> element:
document.getElementById("myP").style.visibility = "hidden";
Try it Yourself »[1] Definition and UsageThe visibility property sets or returns whether an element should be visible.
The visibility property allows the author to show or hide an element. It is similar to the display[2] property. However, the difference is that if you set display:none, it hides the entire element, while visibility:hidden means that the contents of the element will be invisible, but the element stays in its original position and size.
Browser Support Property visibility Yes Yes Yes Yes Yes SyntaxReturn the visibility property:
Set the visibility property:
object.style.visibility = "visible|hidden|collapse|initial|inherit"
Property Values Value Description visible The element is visible. This is default hidden ...