Question

在Js中建立了一个列表，表格第一行设有增加删除两个按钮，如何建立其函数，使之点击可以增加一行

Answer 1

//添加新行
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);
}

Answer 2

我听不懂你说什么