去掉一個元素或者一個文本節點
如果一個元素已經不再有用了,我們就需要把這個元素去掉。你可以使用JavaScript從DOM中去掉任何元素。
解決方法
Remove Child可以將任何子節點從它的父節點下去掉。
首先看一下如下的HTML:
我們可以使用remove Child將一個超連結從它的parent paragraph去掉,如下:
變數removeChild是一個元素的reference,但是那個元素不會在DOM中出現:它只會在記憶中出現,正像是我們剛剛使用create Element創建了這個元素一樣。
這就允許我們可以講這個元素重新放置在網頁中的任何位置,或者,我們可以讓這個變數從這個腳本中消失,通過上面的編碼,DOM的結果是:
當然,你不需要將removeChild返回的值作為一個變數,你可以完全忘掉這個元素:
討論
如果你刪除的元素的子元素你還希望保留(就是你想保留子元素但是希望把這個子元素的父節點去掉),在你刪除父元素的時候你就需要想辦法保留這些子元素。你可以通過我們上面提到過的insertBefore來進行保留,首先刪除它們,然後將它們再插入合適的位置。
下面一段HTML包含多個子元素:
我們可以對這段的childnodes集合進行迴圈,並且在刪除父元素之前重新安排這些子元素的位置:
這頁的DOM現在就是這樣子的:
推薦給同仁
您想要瞭解更多的免費小竅門以便提升你的網站排名嗎?
請馬上聯繫我們網站管理員:
MSN: chenlinwu@cmmail.com
Email: info@rank-ad.com