在不知道父元素的情况下删除 DOM 元素,可以使用以下方法:
document.getElementById()
方法获取该元素,然后使用 parentNode
属性获取其父元素,并使用 removeChild()
方法删除该元素。例如:
var element = document.getElementById("myElement");
var parent = element.parentNode;
parent.removeChild(element);
document.getElementsByClassName()
或 document.getElementsByTagName()
方法获取该元素集合,然后遍历集合并使用 parentNode
属性获取其父元素,并使用 removeChild()
方法删除该元素。例如:
var elements = document.getElementsByClassName("myElement");
for (var i = 0; i< elements.length; i++) {
var parent = elements[i].parentNode;
parent.removeChild(elements[i]);
}
document.querySelector()
或 document.querySelectorAll()
方法获取该元素,然后使用 parentNode
属性获取其父元素,并使用 removeChild()
方法删除该元素。例如:
var element = document.querySelector(".myElement");
var parent = element.parentNode;
parent.removeChild(element);
需要注意的是,如果要删除的元素不存在父元素,或者该元素已经被删除,则上述方法将抛出异常。因此,在使用这些方法时,请确保要删除的元素存在,并且具有父元素。
领取专属 10元无门槛券
手把手带您无忧上云