Javascript 如何使用“删除子对象”删除特定的附加子对象？

我使用Javascript编写了一个简单的清单，用户输入他的列表，然后每个孩子都有一个黄色按钮，通过点击这个黄色框它会删除一个特定的div，但不幸的是，它会按照从列表顶部到底部的顺序删除，但我希望它做的是删除自己的div，仅此而已

function Gen() {
    var c = document.getElementById("inp1").value;


    var div1 = document.createElement("div");
    div1.style.background = "#3498DB";
    div1.style.padding = "0.5rem";
    div1.setAttribute("class", "d-flex justify-content-between");
    div1.setAttribute("id", "div1");


    var p1 = document.createElement("p");
    p1.setAttribute("class", "font-y");
    p1.style.padding = "0rem 0rem 0rem 1rem";
    p1.style.margin = "0rem";

    var div2 = document.createElement("div");
    div2.setAttribute("id", "div2");
    div2.style.width = "1rem";
    div2.style.height = "1rem";
    div2.style.background = "yellow";
    div2.setAttribute("onclick", "Rem()");

    var li = document.createElement("li");
    li.style.margin = "1rem";
    li.setAttribute("id", "li");

    li.appendChild(div1);
    div1.appendChild(p1);
    div1.appendChild(div2);

    p1.innerHTML = c;

    document.getElementById("addr").appendChild(li);
    return false;
}

按div2应该删除div1，但它自己的div1不是它上面的div1。

代替

div2.setAttribute（“onclick”、“Rem（）”）；

使用：

div2.onclick=（）=>li.remove（）；

---

这将使用

li

变量，而不是尝试选择

元素。

请将示例代码上载到codepen/jsfiddle或codesandbox这有什么帮助？这样，它可以更轻松、更快地复制情况！给你