簡單描述:最近做了一個圖片上傳,上傳完成回顯圖片的時候,需要用到點擊圖片,從頁面刪除的效果,然后就找到了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節點對象,很重要!!!