云南网站建设创新企业 昆明多彩网络公司

|网页对话|电话:0871-63215311

怎么“删除”网站中的元素?

来源:昆明网络公司 日期: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()即可,以下是实例。

移除子元素

发表评论评论列表(有 条评论)

相关文章:
暂无相关文章
最热文章:
新手怎么制作网页? 阅读:7660
jcarousellite中文文档 阅读:6507
表单元素input、按钮、文字完美垂 阅读:6247
怎么使chrome(谷歌google 阅读:6145
phpMailer中文文档手册 阅读:4639
网页对话 0871-63215311