display:block/none与visibility:visible/hidden的区别

display:none和visibility:hidden

都是将网页上的某个元素隐藏一起来,但是display:none会连原先元素的位置一并隐藏

visibility:hidden则只是让这个元素变的透明,它所占的位置还是在页面上。

block与hidden类似 都是将网页上的某个元素显示在页面上

用JS实现隐藏域的显示与隐藏

例:



隐藏文本

   
内容测试--visible
内容测试--hidden


你可能感兴趣的:(html,js)