Hide the content of a <p> element:
document.getElementById("myP").style.visibility = "hidden";
The 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 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.
Return the visibility property:
Set the visibility property:
object.style.visibility = "visible|hidden|collapse|initial|inherit"
||The element is visible. This is default|
||The element is not visible, but still affects layout|
||When used on a table row or cell, the element is not visible (same as "hidden")|
||Sets this property to its default value. Read about initial|
||Inherits this property from its parent element. Read about inherit|