2017-10-17 12 views
1

この問題を解決しています.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); 
} 

答えて

1

newRow.removeChild(krizek); 
を試してみてください
関連する問題