使用javascript從DOM樹中刪除p元素

Question

這應該是一個簡單的問題，但我需要幫助來解決這個問題： 我需要從DOM樹 使用javascript刪除其類「goup」的元素（最終與原型，但沒有其他圖書館）。 我不僅想要隱藏該段落，而且還要從DOM樹中完全刪除它。

我的解決方案使用getElementsByClassName不起作用。

function hidegoup() { 
    var goup= document.getElementsByTagName("p") 
     .getElementsByClassName("goup"); 
    goup.style.display = 'none'; 
    goup.removeChild(); 
} 

的HTML：

<div id="poems"> 
    <div class="poem" id="d1"> 
     <p class="goup"> 
     <a href="#">To the top of the page</a> 
     </p> 
    </div> 
</div> 

Answer 1

，如果你想從DOM，使用刪除 node

：

node.parentNode.removeChild(node); 

爲你想要做什麼：

function hidegoup() { 
    var p_list = document.getElementsByTagName("p"); 
    for(var i=p_list.length-1; i>=0; i--){ 
     var p = p_list[i]; 
     if(p.className === "goup"){ 
      p.parentNode.removeChild(p); 
     } 
    } 
} 

Answer 2

1. getElementsByClassName返回一個NodeList，而不是一個Node。你必須遍歷其與for循環不支持除了在最新的瀏覽器
2. getElementsByClassName，你應該使用a library that abstracts the differences away
3. removeChild刪除後，它被稱爲元素的指定子：parent.removeChild(child);，你不在你想要直接刪除的元素上調用它。