怎么“刪除”網(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高來達(dá)到隱藏的目的。
4、css控制div的透明度實(shí)現(xiàn),見層的透明度設(shè)置為0,效果和第二種方法雷同,且層具有鼠標(biāo)可感應(yīng)效果。
第二種效果用js實(shí)現(xiàn)
利用js改變div的css屬性實(shí)際是屬于css范疇,這里要說的是利用js刪除文檔的dom節(jié)點(diǎn)實(shí)現(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>
然后點(diǎn)擊觸發(fā)移除函數(shù)del()即可,以下是實(shí)例。
發(fā)表評論評論列表(有 條評論)