表格操作


  • 点击增加按钮增加一行
      function TableaddRow(id) {
            var tab = document.getElementById(id);
            if ($('#' + id).find('.firstRow').length > 0) {
                $("#" + id + " tr:not(':first')").remove();//除了首行,将其他行删除
            }
            var tabRows = tab.rows;
            var newTr = tab.insertRow(tabRows.length);
            var newTd0 = newTr.insertCell(0);
            var newTd1 = newTr.insertCell(1);
            var newTd2 = newTr.insertCell(2);
            var newTd3 = newTr.insertCell(3);
            var newTd4 = newTr.insertCell(4);
            var newTd5 = newTr.insertCell(5);
            newTd0.innerHTML = '';
            newTd1.innerHTML = '';
            newTd2.innerHTML = '';
            newTd3.innerHTML = '';
            newTd4.innerHTML = '';
            newTd5.innerHTML = '删除';
        }
  •  点击删除按钮删除一行
        function deleteRow(obj) {
            var tr = obj.parentNode.parentNode;
            //找到表格
            var tbody = tr.parentNode;
            if (tbody.rows.length > 2) {
                //删除行
                tbody.removeChild(tr);
                //重置序号
                for (let i = 1; i < tbody.rows.length; i++) {
                    tbody.children[i].children[0].children[0].value = i
                }
            }
        }