1. 程式人生 > >點選頁面上的元素,頁面刪除removeChild()

點選頁面上的元素,頁面刪除removeChild()

簡單描述:最近做了一個圖片上傳,上傳完成回顯圖片的時候,需要用到點選圖片,從頁面刪除的效果,然後就找到了removeChild()方法,說實話,我剛看到的時候,就覺得這個問題已經解決了,但是卻發現這個方法裡傳的引數竟然有點不同尋常,我往裡邊放了一個用引號包起來的id字串,表示刪除該id,結果F12就出現了一個錯誤,然後我先懷疑是不是自己字串拼錯了,一看不是,然後抱著試試的態度,我把引號去掉了,直接放id字串,結果就好使了。

 最後結果:

 

 

其他例子:

//html程式碼
<div id="parentDiv">
  <img src=rootPath+"/assets-new/apps/img/shanchu.jng" alt="">
  <h1>測試文字</h1>
  <input type="text" name="test"/>
  <span>span標籤</span>
</div>

//js程式碼
var parent = document.getElementById("parentDiv");
parent.removeChild(parent.childNodes[1]);//刪除 下標從0開始 <h1>測試文字</h1>

var item = parent.removeChild(parent.childNodes[3]);


總結:removeChild(Node) 引數是一個node節點物件,很重要!!!