Как удалить строку в таблице JS?

Необходимо проработать функцию Controls.DEL

(function () {
    window.addEventListener('load', function () {
        var createDOMElement = function (tagName = '', options = {}, parent) {
            var el = document.createElement(tagName);
            for (const key in options) {
                //console.log(key + " " + options[key]);
                el.setAttribute(key, options[key]);
            }

            parent.appendChild(el);
            return el;
        }


        var datalist = [
            {
                fio: 'Ivanov Ivan Ivanovich', email: '[email protected]', phone: '+380662569854'
            },
            {
                fio: 'Petrov Ivan Ivanovich', email: '[email protected]', phone: '+380662569855'
            },
            {
                fio: 'Borisov Ivan Ivanovich', email: '[email protected]', phone: '+380662569856'
            },
        ];

        var block = createDOMElement('div', {
            'class': 'container'
        }, document.body);
        var cPannelBlock = createDOMElement('div', {
            'class': 'cPanel'
        }, block);
        var Controls = {};
        Controls.ADD = createDOMElement('img', {
            class: 'controls',
            src: 'images/plus.png',
            alt: 'add element',
            title: 'Add new line',
        }, cPannelBlock);
        Controls.EDIT = createDOMElement('img', {
            class: 'controls',
            src: 'images/edit.png',
            alt: 'edit element',
            title: 'edit line',
        }, cPannelBlock);
        Controls.DEL = createDOMElement('img', {
            class: 'controls',
            src: 'images/del.jpg',
            alt: 'del element',
            title: 'del line',
        }, cPannelBlock);
        Controls.UP = createDOMElement('img', {
            class: 'controls',
            src: 'images/up.png',
            alt: 'up element',
            title: 'up line',
        }, cPannelBlock);
        Controls.DOWN = createDOMElement('img', {
            class: 'controls',
            src: 'images/down.png',
            alt: 'down element',
            title: 'down line',
        }, cPannelBlock);

        var table = createDOMElement('table', {
            class: 'editTable'
        }, block);

        var rows = [];
        var cells = [];
        for (var i = 0; i < datalist.length; i++) {
            cells[i] = [];
            rows[i] = createDOMElement('tr', {}, table);
            var tdN = createDOMElement('td', {}, rows[i]);
            tdN.innerHTML = i + 1; cells[i].push(tdN);

            var tdF = createDOMElement('td', {}, rows[i]);
            tdF.innerHTML = datalist[i].fio; cells[i].push(tdF);

            var tdE = createDOMElement('td', {}, rows[i]);
            tdE.innerHTML = datalist[i].email; cells[i].push(tdE);

            var tdP = createDOMElement('td', {}, rows[i]);
            tdP.innerHTML = datalist[i].phone; cells[i].push(tdP);


        }
        console.dir(rows);
        console.dir(cells);
        
        Controls.DEL.addEventListener('click', function(){
        
        });

    });
})()

Ответы (0 шт):