如何在Javascript中从表中删除元素..当元素位于不同位置时<；TD>；

无论单击哪个按钮，上面的代码都会删除第一个元素…

您只能在使用

id

mycoldiv1

时删除第一个元素。 而as

id

在

HTML

中是唯一的。因此，当您进行查询时：

var mycoldiv1=document.getElementById（“mycoldiv1”）

它总是会为您提供具有给定id的元素的第一个实现（即
mycoldiv1
）。所以，为了更好地理解id，您可以参考

下面是使用优化方法实现的函数


var myTable=document.getElementById（'myTable'）；
函数AddFileUpload1（）{
var ChildCount=myTable.querySelectorAll（'tr'）.length；
var计数器=ChildCount+1；
if（ChildCount<4）{
var tr=document.createElement（'tr'）；
tr.innerHTML=''；
myTable.appendChild（tr）；
}
}
函数RemoveFileUpload1（div1）{
var get_tr=getParent（div1，'tr'）；
获取tr.remove（）；
}
函数getParent（ele，parent）{
while（ele.localName！=父级）{
ele=ele.parentElement；
}
返回ele；
}

添加
因为您使用的是
id
，因为
id
是唯一的。所以，只有一个选择正在发生…你让我的一天…你能推荐我一些书或网站，让我更清楚地理解这些概念吗，因为我是新手…我们的大部分知识只有在经历之后才能获得，但为了练习，你可以参考或查看此播放列表
function AddFileUpload1() {
    if (document.getElementById("FileUploadContainer1").childElementCount < 4) {
        var div1 = document.createElement('DIV');

        div1.innerHTML = '<div id="MyCoolDiv1"><table><tr><td><input id="file' + counter1 + '" name = "file" type="file" accept=".jpg,.jpeg"/></td><td><input id="Button" type="button" value="Remove" Class="btn btn-default" onclick = "RemoveFileUpload1(this)"/></td></tr></table></div>';
        document.getElementById("FileUploadContainer1").appendChild(div1.firstChild);
        counter1++;

    }
}

function RemoveFileUpload1(div1) {

    var myCoolDiv1 = document.getElementById("MyCoolDiv1");

    document.getElementById("FileUploadContainer1").removeChild(myCoolDiv1);
}