怎么“刪除”網(wǎng)站中的元素?

來源：昆明網(wǎng)絡(luò)公司 日期：2010-09-16 閱讀： 發(fā)表評論

先說第一種刪除效果：隱藏，可以用css樣式來控制，看以下代碼：

1、<div style="display: none">需要隱藏的層，里面包含很多元素，如文字：昆明網(wǎng)站建設(shè)</div>，該方法能將元素隱藏之后，并且高度和寬度都為0。

2、<div style="visibility: hidden"></div>，該方法見元素隱藏起來，但該元素所在位置依舊保持了元素占有的尺寸。

3、<div style="width:0; height:0; font-size:0; overflow:hidden"></div>，該方法直接將div層設(shè)置成0寬和0高來達到隱藏的目的。

4、css控制div的透明度實現(xiàn)，見層的透明度設(shè)置為0，效果和第二種方法雷同，且層具有鼠標(biāo)可感應(yīng)效果。

第二種效果用js實現(xiàn)

利用js改變div的css屬性實際是屬于css范疇，這里要說的是利用js刪除文檔的dom節(jié)點實現(xiàn)，上代碼：

<div id="del"><span>昆明網(wǎng)站建設(shè)，要刪除的元素</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>

然后點擊觸發(fā)移除函數(shù)del()即可，以下是實例。

移除子元素