有沒有辦法使用Javascript完全刪除HTML元素？

Question

是否可以使用Javascript/jQuery/Ajax直接從標記中刪除/刪除HTML元素，而不是使用CSS display: none？

Answer 1

是

的JavaScript

var parent = document.getElementById('parentElementID'); 
var child = document.getElementById('childElementID'); 
parent.removeChild(child); 

jQuery的

$('#parentElementID').remove('#childElementID'); 

Answer 2

element.parentNode.removeChild(element) 

Answer 3

是的。你可以使用jQuery remove() API。

Answer 4

本地JavaScript：

var toremove = document.getElementById('hd'); 
    toremove.parentNode.removeChild(toremove); 

或者jQuery中只使用

$('#toremove').remove(); 

Answer 5

這是一個老問題，所以答案是有些過時。它曾經是，要刪除一個元素，你有父節點，元素，並使用removeChild()，其他建議：

element.parentNode.removeChild(element);  

雖然這仍是完全可以接受的，你現在可以直接刪除該節點：

document.getElementById('elementId').remove(); 

document.getElementById('remove-button').addEventListener('click', function() { 
 
    document.getElementById('container').remove(); 
 
});

#container { 
 
    width:50px; 
 
    height:50px; 
 
    background-color:#bada55; 
 
}

<div id="container"></div> 
 
<button id="remove-button">Remove</button>