怎么“删除”网站中的元素?
来源：昆明网络公司 日期：2010-09-16 阅读： 发表评论
这里说的“删除”有着多重含义，一种是视觉上的删除，但实际还存在网页中，一种是彻底的删除，直接从网站中去除该元素，达到从网站元素移除的目的
先说第一种删除效果：隐藏，可以用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()即可，以下是实例。
发表评论评论列表（有 条评论）