style.visibility和style.display都可以实现对页的隐藏,但visibility要占用域的空间,而display则不占用
- 将元素display属性设为 block,会在该元素后换行。
- 将元素display属性设为 inline,会消除元素换行。
- 将元素display属性设为 none,隐藏该元素内容,且不占用域的空间。
- 将元素visibility属性设为 hidden,隐藏该元素内容,但占用域的空间。
- 将元素visibility属性设为 visible,显示元素内容。
<P>欢迎<SPAN style="display:inline">你</SPAN>进入我的博客</P>
效果:欢迎你进入我的博客
<P>欢迎<SPAN style="display:block">你</SPAN>进入我的博客</P>
效果:欢迎你进入我的博客
<P>欢迎<SPAN style="display:none">你</SPAN>进入我的博客</P>
效果:欢迎进入我的博客
<P>欢迎<SPAN style="visibility:hidden">你</SPAN>进入我的博客</P>
效果:欢迎进入我的博客
<P>欢迎<SPAN style="display:visible">你</SPAN>进入我的博客</P>
效果:欢迎你进入我的博客