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

这是一个老问题，所以答案有点过时了。它曾经是删除一个元素，你有父节点，元素，并使用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>

Answer 4

是。您可以使用jQuery remove() API。

Answer 5

原生javascript：

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

或者在jquery中使用

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