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();
});

删除表单JS中的元素

1 个答案: