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);

从表中删除项目

1 个答案: