云南網站建設創新企業 昆明多彩網絡公司

|網頁對話|電話: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
新疆时时下载手机版 辽宁35选7走试图 淘宝快3是哪个省的 php 文章赚钱 送商能赚钱是真的么 黑金团队快乐8官方网址 辽宁快乐12走势图表 黑龙江36选7历史开奖 从北方拉苹果到南方卖赚钱不 众乐1购怎么赚钱 浙江11选5一定牛 鞋子专卖店赚钱么 河北种啥最赚钱 怎么在微信转发广告赚钱是真的吗 内蒙古11选5一定牛遗漏 重庆时时计划安卓版 魔兽世界拍卖行压价赚钱