Html 元素隐藏的几种方式

html-css09

Html 元素隐藏的几种方式,第1张

display:none,更改元素显示方式为不显示元素;

visibility:hidden,元素不可见;

overflow:hidden,溢出包含框隐藏;

opacity:0,更改元素透明度;

Query,hide()方法,隐藏,fadeOut()淡出隐藏;

background:transparent,背景透明显示;

iframe html :

<iframe name="processResultMsg" width="100%" height="65%"

id="processResultMsg" src="/${msgPath}" frameborder="no"

scrolling="no" style="overflow: hidden">您的浏览器不支持iframe,请升级</iframe>

子页面中要隐藏的标签:

<div class="formBar" >

......blabla......

</div>

javascript:

$('#processResultMsg').load(function() {

$(window.frames["processResultMsg"].document).find(".formBar").hide()

})

很重要的一点就是$('#processResultMsg').load(function() {})

就是说一定要在iframe加载完之后才能执行js方法

不然就会报获取不到元素的错误

HTML用hidden 属性隐藏标签。

基本语法:

<input type="hidden" name="field_name" value="value">

实例

被隐藏的段落:

<p hidden>这个段落应该被隐藏。</p>