JavaScript删除按钮失效 多父级div下无法读取parentElement报错

错误根因 #

你在onclick绑定中传入的this是按钮元素本身，并非事件对象，因此函数入参el不存在target属性，el.target取值为undefined，调用其parentElement属性自然抛出报错。

修复代码 #

直接去掉.target即可，如果你要删除按钮所在的整行文件条目，还需要多向上找一层父元素：

function removeImage(el) {
    alert('flag1');
    // el本身就是按钮元素，el.parentElement是.col-md-1，再上层是.row
    el.parentElement.parentElement.remove();
    alert('flag2');
}

如果只需要删除按钮所在的列，改为el.parentElement.remove()即可。

额外优化建议 #

你所有动态生成的删除按钮都使用了相同的id="Removebtn"，HTML规范要求id全局唯一，重复id会导致后续DOM选择逻辑异常，建议删除固定id或者改为动态生成的唯一值。

内容的提问来源于stack exchange，提问作者Dan