Display vs Visibility

Showing and hiding a dialog box

Showing or hiding an element can be done by

• Setting its display property to none or
• Setting its visibility to hidden.

Display: An element whose display is set to none does not consume space in the layout i.e. the layout of the rest of the element is done as if this element did not exist at all.

Visibility: An element whose display is set to hidden the element is still layed out but it is not shown i.e. the element consumes space. Hence an invisible element still affects the layout.

document.getElementById("DivContent").style.display='none';
and
document.getElementById("DivContent").style.display='block'

Thanks & Regards,

Arun Manglick || Tech Lead