javascript控制页面元素的显示与隐藏

visible使用visibility:<br>1.正常输入框<hr><input type="text" style="visibility: visible"><hr>2.隐藏的输入框<hr><input type="text" style="visibility:hidden"><hr>使用display:<br>1.正常的输入框:<hr><input type="text" style="display: block"><hr>2.隐藏的输入框:<hr><input type="text" style="display:none"><hr>

1. 控制元素可见样式，有两个属性: visibility 和 display。

Visibility对应的两个属性值是  visible 和 hidden

Display 对应的两个属性值是 block和none 

区别是：

Visibility 隐藏后 空间还被保留。

Display 隐藏后 空间也会被隐藏。