求大神帮帮忙~~~JS *** 作表格(使用JAVASCRIPT控制HTML表格的增加、修改、删除)

这个嘛，太简单。。。。注意的是比如第一列 ，tr中一个span，一个input，当span显示的时候，input隐藏，input显示时span隐藏就好了，，，，原理基本这样最后保存或删除，修改的时候用ajax向数据库提交就行了，，，原理基本这样，，，自己想一下哈，有利于自己发展

window.onload = function () {

    const params = document.getElementById('params')

    const ul = params.querySelector('ul')

    const addBtn = ul.querySelector('#add')

    addBtn.onclick = function (e) {

        const newli = document.createElement('li')

        newli.appendChild(document.createElement('input'))

        const btn = document.createElement('input')

        btn.setAttribute('type', 'button')

        btn.setAttribute('value', '删除')

        btn.setAttribute('opt-type', 'del')

        newli.appendChild(btn)

        ul.appendChild(newli)

    }

    ul.onclick = function (e) {

        const target = e.target

        const optType = target.getAttribute('opt-type')

        if (target.nodeName === 'INPUT' && target.type === 'button' && optType === 'del') {

            this.removeChild(target.parentNode)

        }

    }

} <div id="params">

    <ul>

        <li><input type="text"><input id="add" type="button" value="添加一行"></li>

    </ul>

</div>

点击"添加一行"，生成一条li，包含input，然后append进ul里边。点击删除，用ul删除按钮父元素li。

---