怎么“刪除”網站中的元素?

來源：昆明網絡公司 日期：2010-09-16 閱讀： 發表評論

先(xian)說第一(yi)種(zhong)刪除效果：隱(yin)藏，可以用css樣式來控制，看以下代(dai)碼(ma)：

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

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

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

4、css控制div的透(tou)明(ming)(ming)度實現，見層(ceng)的透(tou)明(ming)(ming)度設置為0，效果(guo)和第二種方法雷同(tong)，且層(ceng)具有鼠標可感應(ying)效果(guo)。

第二種(zhong)效果用(yong)js實現

利用js改變div的css屬性(xing)實際(ji)是屬于(yu)css范疇，這里(li)要(yao)說的是利用js刪(shan)除文檔的dom節點(dian)實現，上代碼：

<div id="del"><span>昆明網站建設，要刪除的元素</span></div>

<script type="text/javascript">function del(){ var test = document.getElementById("del&quot;); var children = test.childNodes; for(i=0;i<children.length;i++){ test.removeChild(children[i]); }}</script>

然(ran)后(hou)點擊觸發移除函數del()即可，以下是實例(li)。

移除子元素