怎么“删除”网站中的元素?
2011-04-22 13:58:41   来源：   评论：0 点击：

这里说的“删除”有着多重含义，一种是视觉上的删除，但实际还存在网页中，一种是彻底的删除，直接从网站中去除该元素，达到从网站元素移除的目的

先说第一种删除效果：隐藏，可以用css样式来控制，看以下代码：

1、<div style="display: none">需要隐藏的层，里面包含很多元素，如文字：昆明网站建设</div>，该方法能将元素隐藏之后，并且高度和宽度都为0。

2、<div style="visibility: hidden"></div>，该方法见元素隐藏起来，但该元素所在位置依旧保持了元素占有的尺寸。

3、<div style="width:0; height:0; font-size:0; overflow:hidden"></div>，该方法直接将div层设置成0宽和0高来达到隐藏的目的。

4、css控制div的透明度实现，见层的透明度设置为0，效果和第二种方法雷同，且层具有鼠标可感应效果。

第二种效果用js实现

利用js改变div的css属性实际是属于css范畴，这里要说的是利用js删除文档的dom节点实现，上代码：

<div id="del"><span>昆明网站建设，要删除的元素</span></div>

<script type="text/javascript">function del(){ var test = document.getElementById("del"); var children = test.childNodes; for(i=0;i<children.length;i++){ test.removeChild(children[i]); }}</script>

然后点击触发移除函数del()即可，以下是实例。

相关热词搜索：

上一篇：清除浮动的层高度设置了0,为什么还有高度?
下一篇：什么是死链、单向链接、交叉链接?