document.removeChild不工作？

Question

我在開始頁面上開發一個社交網站，我將div元素加載到一個容器div中，動態地添加了id「feeds」。我添加了一個觸發clearHomepage函數的按鈕，因爲我使用的是刪除子項功能。 我的代碼場景。

<div id="feedsCon"> 
<div id="feeds"> 
//dynamic div container added on page onload 

</div> 
</div> 

我的javascript函數。

clearHomepage(){ 

    alert("function called"); //for debugging 
    var feeds=document.getElementById('feeds'); 
    feeds.parentNode.removeChild(feeds); 
} 

Answer 1

您在代碼中有錯誤。您尚未關閉feeds的雙引號。無論如何，下面的代碼工作。

function clearhome(){ 
 
var el = document.getElementById("feeds"); 
 
el.parentNode.removeChild(el); 
 
}

<div id="feedsCon"> 
 
<div id="feeds"> 
 
    Test Content 
 
</div> 
 
</div> 
 
<button onclick="clearhome()">Clear</button>