怎么“刪除”網站中的元素?
來源：昆明網絡公司 日期：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()即可，以下是實例。
發表評論評論列表（有 條評論）