javascript - 从表中删除项目

Question

我正在解决这个问题，我想使用 javascript 在 HTML 表格中添加和删除项目。到目前为止我已经知道了，但我真的不知道如何使删除部分成为可能。你能帮我一下吗？

let inputJmeno = document.querySelector('#inputJmeno');
let inputPrijmeni = document.querySelector('#inputPrijmeni');
let inputVek = document.querySelector('#inputVek');
let buttonAdd = document.querySelector('#add');

let table = document.querySelector('table');
let tbody = document.querySelector('tbody');
let tr = document.querySelector('tr');

let jmeno = null;
let prijmeni = null;
let vek = null;
let pocetOsob = 0;

buttonAdd.addEventListener('click', add);

function add() {
    jmeno = inputJmeno.value;
    prijmeni = inputPrijmeni.value;
    vek = inputVek.value;

    let newRow = document.createElement('tr');
    let newJmeno = document.createElement('td');
    let newPrijmeni = document.createElement('td');
    let newVek = document.createElement('td');
    let krizek = document.createElement('span');

    krizek.id = "krizek" + pocetOsob;
    krizek.className = "krizClass";
    newRow.id = "row" + pocetOsob;

    newJmeno.innerHTML = jmeno;
    newPrijmeni.innerHTML = prijmeni;
    newVek.innerHTML = vek;
    krizek.innerHTML = 'x';

    tbody.appendChild(newRow);
    newRow.appendChild(newJmeno);
    newRow.appendChild(newPrijmeni);
    newRow.appendChild(newVek);
    newRow.appendChild(krizek);

    load(pocetOsob);
    pocetOsob++;
}

    function load(p) {
        let krz = document.querySelector('#krizek'+p);
    console.log(p);
}

Answer 1

尝试

newRow.removeChild(krizek);