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

2024-12-22 16:18:54
推荐回答(2个)
回答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 = '';
newTD1.bgColor = '#dee7ef';
newTD2.innerHTML = '';
newTD2.bgColor = '#e8f9ed';
newTD3.innerHTML = ''; //单元格内的内容
newTD3.bgColor = '#dee7ef';
newTD4.innerHTML = '';
newTD4.bgColor = '#e8f9ed';
newTD5.innerHTML = ''; //单元格内的内容
newTD5.bgColor = '#dee7ef';
newTD6.innerHTML = '';
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);
}

回答2:

我听不懂你说什么