2017-10-17 7 views
1

Ich lösen dieses Problem, ich möchte Elemente in der HTML-Tabelle mit Javascript hinzufügen und entfernen. Bis jetzt habe ich das, aber ich weiß nicht wirklich, wie ich das entfernende Teil machen kann. Könnten Sie mir bitte eine Hand geben?Entfernen von Elementen aus Tabelle

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

Antwort

1

versuchen

newRow.removeChild(krizek); 
Verwandte Themen