删除DOM元素有多种实现方法，比如使用JavaScript中的removeChild()方法，使用innerHTML属性，使用remove()方法，使用replaceChild()方法，使用replaceWith()方法，使用removeAttribute()方法，使用parentNode.removeChild()方法，使用parentNode.replaceChild()方法，使用parentNode.replaceWith()方法等。
使用removeChild()方法可以删除指定的子元素，该方法的语法为：parentNode.removeChild(childNode)，其中parentNode为父元素，childNode为子元素，如下例所示：
var parent = document.getElementById('parent');
var child = document.getElementById('child');
parent.removeChild(child);
使用innerHTML属性可以将元素内的所有内容替换为新的内容，该方法的语法为：element.innerHTML = 'new content'，其中element为指定的元素，new content为新的内容，如下例所示：
var element = document.getElementById('element');
element.innerHTML = '';
使用remove()方法可以删除指定的元素，该方法的语法为：element.remove()，其中element为指定的元素，如下例所示：
var element = document.getElementById('element');
element.remove();
使用replaceChild()方法可以替换指定父元素中的子元素，该方法的语法为：parentNode.replaceChild(newChild,oldChild)，其中parentNode为父元素，newChild为新的子元素，oldChild为旧的子元素，如下例所示：
var parent = document.getElementById('parent');
var oldChild = document.getElementById('oldChild');
var newChild = document.getElementById('newChild');
parent.replaceChild(newChild,oldChild);
使用replaceWith()方法可以替换指定的元素，该方法的语法为：element.replaceWith(newElement)，其中element为指定的元素，newElement为新的元素，如下例所示：
var element = document.getElementById('element');
var newElement = document.getElementById('newElement');
element.replaceWith(newElement);
使用removeAttribute()方法可以删除指定元素的指定属性，该方法的语法为：element.removeAttribute(attributeName)，其中element为指定的元素，attributeName为属性名，如下例所示：
var element = document.getElementById('element');
element.removeAttribute('class');
使用parentNode.removeChild()方法可以删除指定父元素中的子元素，该方法的语法为：parentNode.removeChild(childNode)，其中parentNode为父元素，childNode为子元素，如下例所示：
var parent = document.getElementById('parent');
var child = document.getElementById('child');
parent.removeChild(child);
使用parentNode.replaceChild()方法可以替换指定父元素中的子元素，该方法的语法为：parentNode.replaceChild(newChild,oldChild)，其中parentNode为父元素，newChild为新的子元素，oldChild为旧的子元素，如下例所示：
var parent = document.getElementById('parent');
var oldChild = document.getElementById('oldChild');
var newChild = document.getElementById('newChild');
parent.replaceChild(newChild,oldChild);
使用parentNode.replaceWith()方法可以替换指定父元素中的子元素，该方法的语法为：parentNode.replaceWith(newChild)，其中parentNode为父元素，newChild为新的子元素，如下例所示：
var parent = document.getElementById('parent');
var newChild = document.getElementById('newChild');
parent.replaceWith(newChild);
以上就是，希望能够帮助到大家。