Js control page control hidden display of two methods

Javascript controls the hiding of a page control in two ways. The difference between the two methods is whether the control still occupies space on the page after it is hidden
Method one:

 
document.all["panelsms"].style.visibility="hidden"; 
document.all["panelsms"].style.visibility="visible"; 

Method 2:

 
document.all["panelsms"].style.display="none"; 
document.all["panelsms"].style.display="inline"; 

Method 1: after hiding the page's location is still occupied by the control but does not display display=static, similar to the.net validation control
Method 2 hides the location of the page from being occupied similar to the display=dynamic of the.net validation control