从表中删除项目

我正在解决这个问题，我想使用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); 
}

来源

2017-10-17 Michal P.

尝试

newRow.removeChild(krizek);

来源

2017-10-17 18:46:43

从表中删除项目

回答

相关问题