javascript刪除html結點操作

javascript刪除html結點操作

html頁面上刪除結點的操作跟添加結點中將段落添加在指定依附點之前相似，將段落添加在指定依附點之前代碼為document.body.insertBefore(newGraf, docForm),刪除的為document.body.removeChild(deleteNode)就可以了。使用的是removeChild方法，刪除的是body域裡面的元素。

看個代碼介紹一下吧。

假如有下面一段代碼，內容有四段。

Deleting Nodes
給你一張過去的CD，聽聽那時我們的愛情，有時會突然忘了，我還在愛著你
再唱不出那樣的歌曲，聽到都會紅著臉躲避，雖然會經常忘了，我依然愛著你
因為愛情，不會輕易悲傷，所以一切都是幸福的模樣
因為愛情，簡單的生長，依然隨時都能為你瘋狂
<script>function deleteNodes() {}</script>

現在要刪除段落內容，該如何?deleteNodes方法呢？

很簡單，兩行代碼搞定。

      var deleteNode =document.getElementsByTagName("p")[0];      document.body.removeChild(deleteNode);

var deleteNode =document.getElementsByTagName("p")[0];

擷取到要刪除的段落內容，document.getElementsByTagName("p")[0]為body標籤域內的第一個p 標籤內容。

document.body.removeChild(deleteNode);

將擷取到的要刪除的節點資訊從頁面上面刪除，使用removeChild方法。

如果段落有id的話，那就可以直接使用getElementById 方法來指定的擷取要刪除的對象，不用再使用 getElementsByTagName 方法擷取到對象集合，再通過數組下標來指定刪除對象了。

我們的樣本中刪除的是document.getElementsByTagName("p")[0]，也可以刪除其他段落，比如document.getElementsByTagName("p")[3] 等真實存在的段落資訊。