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

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

先說(shuō)第一種刪除效果：隱藏，可以用css樣式來(lái)控制，看以下代碼：

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

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

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

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

第二種效果用js實(shí)現

利用js改變div的css屬性實(shí)際是屬于css范疇，這里要說(shuō)的是利用js刪除文檔的dom節點(diǎn)實(shí)現，上代碼：

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

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

移除子元素