有没有办法使用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>