一、JS删除DOM元素
在前端开发中，动态地删除DOM元素是一项常见操作。通过JavaScript，我们可以轻松地以编程方式删除HTML页面上的元素，从而实现页面的动态更新。下面是一个删除HTML页面上指定元素的JavaScript代码示例：
const element = document.getElementById("myElement");
element.parentNode.removeChild(element);
在上述代码中，我们首先通过getElementById()方法选取要删除的元素，接着使用parentNode和removeChild方法从DOM中删除该元素。
除了通过ID删除元素，还可以通过其他方式实现DOM元素的删除操作。比如，我们可以使用类名删除所有拥有该类名的元素。具体代码如下：
const elements = document.getElementsByClassName("myClass");
while (elements.length > 0) {
elements[0].parentNode.removeChild(elements[0]);
}
上述代码中，我们首先通过getElementsByClassName()方法选取所有包含指定类名的元素，然后通过while循环和removeChild()方法遍历元素列表并逐一删除。
二、JS删除Map中的某个元素
Map是ES6中引入的数据结构，它提供了一种高效的映射（key-value）结构，是一种优秀的数据类型。JavaScript Map对象通过set()方法可以添加新项，get()方法可以获取指定项的值，delete()方法可以删除指定项。下面是一个从JavaScript Map中删除元素的代码示例：
const myMap = new Map();
myMap.set("key1", "value1");
myMap.set("key2", "value2");
myMap.delete("key1");
上述代码中，我们首先创建了一个名为myMap的Map对象，并通过set()方法向其中添加两项。接着，通过delete()方法删除了Map对象中的key1项。
三、JS删除页面上所有的p元素
在HTML页面开发中，有时需要批量删除指定标签的全部元素，比如下面示例代码中的p元素：
const elements = document.getElementsByTagName("p");
while (elements.length > 0) {
elements[0].parentNode.removeChild(elements[0]);
}
上述代码中，我们首先通过getElementsByTagName()方法选取所有p元素，然后通过while循环和removeChild()方法遍历元素列表并逐一删除。
原创文章，作者：GUOQG，如若转载，请注明出处：https://www.506064.com/n/372441.html
微信扫一扫 
支付宝扫一扫 