删除元素
JS 可以使用 DOM (文档对象模型) 操作来删除 HTML 元素。
删除元素
/* 删除元素 */
document.getElementById("del").onclick = function(){
// 删除第一个元素
document.getElementById("delDiv").removeChild(document.getElementById("delDiv").firstElementChild);
// 删除最后一个元素
document.getElementById("delDiv").removeChild(document.getElementById("delDiv").lastElementChild);
// 删除所有元素(点击按钮删除 div 中所有的子级元素)
document.getElementById("btn3").onclick = function () {
// 判断父级元素中有没有第一个子元素
while(document.getElementById("dv").firstElementChild){
document.getElementById("dv").removeChild(document.getElementById("dv").firstElementChild);
}
}
}