删除表单JS中的元素

Question

现在我有点拘泥于从表单中删除项目。我下面的代码没有达到我想要的效果，我不知道如何修复它。基本上，当我点击垃圾图标时，我想从我的表单中删除TD行，所以我创建了这个创建TD元素并添加可点击的垃圾图标的功能，但代码所做的是删除垃圾图标，而不是TD。。。我想知道如何从表单中获取元素的索引，但还没有实现，所以我尝试过使用this.remove((语句，但没有成功。有人帮忙我很高兴。干杯

function montaTdBtn() {
let _td;
let _a;
let _img;
_td = document.createElement('td');
_td.setAttribute('class', 'buttn-tr');
_a = document.createElement('a');
_a.setAttribute('href', '#');
_img = document.createElement('img');
_img.setAttribute('src', 'favicon.ico');
_img.addEventListener("click", function () {
this.remove();
});
_a.appendChild(_img);
_td.appendChild(_a);
return _td;
}

Answer 1

您需要删除parentNode。

_img.addEventListener("click", function () {
this.parentNode.remove();
});

由于您有一个对<td>元素的引用，因此也可以直接删除它。

_img.addEventListener("click", function () {
_td.remove();
});