javascript动态添加和删除html的部分

我试图添加和删除部分的HTML点击添加或删除按钮。前3次单击“添加”按钮时，它会按预期添加更多节，并在单击“删除”时删除该节。但问题是，当我删除任何行之后，AddMore Rows函数就不起作用了，也没有添加更多的行

下面是添加更多行的代码

var hasHsa3 = false;
var hasHsa4 = false;
var hasHsa5 = false;

function addMoreRows() {

    // console.log("A: "+hasHsa3 + " " + hasHsa4 + " " + hasHsa5);
    if(!hasHsa3 && !hasHsa4 && !hasHsa5)
    {
        hsaNum = 3;
        hasHsa3 = true;
    }
    else if(hasHsa3 && !hasHsa4 && !hasHsa5)
    {
        hsaNum = 4;
        hasHsa4 = true;
    }
    else if(hasHsa3 && hasHsa4 && !hasHsa5)
    {
        hsaNum = 5;
        hasHsa5 = true;
        console.log(hsaNum);
        $("#addMore_1").attr("disabled", true);
    }
    else if(!hasHsa3 && hasHsa4 && hasHsa5)
    {
        hsaNum = 3;
        hasHsa3 = true;
    }
    else if(!hasHsa3 && hasHsa4 && !hasHsa5)
    {
        hsaNum = 3;
        hasHsa3 = true;
    }
    else if(!hasHsa3 && !hasHsa4 && hasHsa5)
    {
        hsaNum = 3;
        hasHsa3 = true;
    }
    else if(hasHsa3 && !hasHsa4 && hasHsa5)
    {
        hsaNum = 4;
        hasHsa4 = true;
    }
    else if(hasHsa3 && hasHsa4 && hasHsa5)
    {
      $("#addMore_1").attr("disabled", true);
        // document.getElementById("addMore_1").disabled = true;
        console.log("button is disabled");
    }

    console.log("B: "+hasHsa3 + " " + hasHsa4 + " " + hasHsa5 + "\n");

    hsaBlock ++;
    hsaIds.push(hsaNum);

单击“删除”按钮后删除行的功能如下

function removeRow(removeNum,hsaNum)
 {
    // Remove from array
    var index = hsaIds.indexOf(hsaNum);
    if (index > -1) {
        hsaIds.splice(index, 1);

        if(hsaNum == 3)
        {
            hasHsa3 = false;
        }
        else if(hsaNum == 4)
        {
            hasHsa4 = false;
        }
        else if(hsaNum == 5)
        {
            hasHsa5 = false;
        }
    }

    updateHSATable();

    $('.hsaBlock'+removeNum).remove();

};

---

我不知道您的实际代码是什么，所以根据我的理解，我认为您尝试执行以下操作。对于添加元素，我使用

appendChild（）

；对于删除元素，我使用

removeChild（）

。希望这有帮助

函数添加（）{
var节点=document.createElement（“LI”）；
var len=document.queryselectoral（“ul li”）
var textnode=document.createTextNode（leng.length+1）；
node.appendChild（textnode）；
document.getElementById（“myList”）.appendChild（节点）；
}
函数delete1（）{
var len=document.queryselectoral（“ul li”）；
如果（长度>0）{
len[0].parentElement.removeChild（len[len.length-1]）；
}
}

添加
删除

一,
二,

请添加完整的代码、HTML、JS和CSST。这似乎过于复杂，多个全局变量不是最好的。。请发布相关的HTML以及如何调用这些函数。此外，此示例目前已中断-第一个函数不完整