點選頁面上的元素,頁面刪除removeChild()
阿新 • • 發佈:2018-11-16
簡單描述:最近做了一個圖片上傳,上傳完成回顯圖片的時候,需要用到點選圖片,從頁面刪除的效果,然後就找到了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節點物件,很重要!!!