js用面向对象创建三行三列表格,然后点一下添加一个表格

发布网友发布时间：2022-05-16 16:13

共1个回答

热心网友时间：2022-05-16 17:42

//添加新行 var iRow = 0; var tableIndex = 0; function addRow() { iRow++; tableIndex++; document.getElementById("int_row").value = iRow; var table = document.getElementById("AddCustomer_info"); //创建新行 var newTR = table.insertRow(8+tableIndex); //创建新单元格 var newTD1 = newTR.insertCell(); var newTD2 = newTR.insertCell(); var newTD3 = newTR.insertCell(); var newTD4 = newTR.insertCell(); var newTD5 = newTR.insertCell(); var newTD6 = newTR.insertCell(); //单元格内的内容 newTD1.innerHTML = '<asp:Label ID="newlable1" runat="server" Font-Size="10pt" Text="保有车型/品牌："></asp:Label>'; newTD1.bgColor = '#dee7ef'; newTD2.innerHTML = '<input name="txtBycx' + iRow + '" id="txtBycx' + iRow + '" type="text" />'; newTD2.bgColor = '#e8f9ed'; newTD3.innerHTML = '<asp:Label ID="newlabel2" runat="server" Font-Size="10pt" Text="年限："></asp:Label>'; //单元格内的内容 newTD3.bgColor = '#dee7ef'; newTD4.innerHTML = '<input name="txtYear' + iRow + '" id="txtYear' + iRow + '" type="text" />'; newTD4.bgColor = '#e8f9ed'; newTD5.innerHTML = '<asp:Label ID="newlabel3" runat="server" Font-Size="10pt" Text="数量："></asp:Label>'; //单元格内的内容 newTD5.bgColor = '#dee7ef'; newTD6.innerHTML = '<input name="txtNumber' + iRow + '" type="text" id="txtNumber' + iRow + '" type="text" /><img src="../Resource/Images/deleterows.gif" onclick="deleterow()" />'; newTD6.bgColor = '#e8f9ed'; //设置位置 newTD1.setAttribute("align", "right"); newTD2.setAttribute("align", "left"); newTD3.setAttribute("align", "right"); //设置位置 newTD4.setAttribute("align", "left"); newTD5.setAttribute("align", "right"); //设置位置 newTD6.setAttribute("align", "left"); } //删除行 function deleterow() { if (iRow > 0) { document.getElementById("int_row").value = document.getElementById("int_row").value - 2; } var rowIndex = event.srcElement.parentElement.parentElement.rowIndex; var styles = document.getElementById("AddCustomer_info"); styles.deleteRow(rowIndex); }追问谢谢