JavaScript и removeChild () magic

Question

Почему это работает? Как он узнает, какой элемент удалить, не указав, какой элемент? JavaScript волхвы c?

let addButtton = document.getElementById('addButton');
let body = document.querySelector("body");


addButton.onclick = function addToList() {
    let taskName = document.getElementById("AddToList").value;
    let toDoList = document.createElement("input");
    toDoList.setAttribute("type", "checkbox");
    toDoList.id = "task";
    body.appendChild(toDoList);
    let deleteButton = document.createElement("button");
    deleteButton.innerHTML = "Delete";
    let label = document.createElement("label");
    label.setAttribute("for", ("task"));
    label.innerHTML = taskName;
    body.appendChild(label);
    body.appendChild(deleteButton);

    deleteButton.onclick = function deleteTask() {
        body.removeChild(label);
        body.removeChild(toDoList);
        body.removeChild(buttonDel);
        body.removeChild(breakLn);
    }
}

Answer 1

Когда вы создаете элемент let label = document.createElement("label"); внутри переменной label, он сохраняет ссылку внутри него. Когда вы передаете в качестве параметра body.removeChild(label);, полностью удалите его из DOM.