如何为表行和列分配变量ID

时间:2017-05-27 16:21:51

标签: javascript html html-table

如果我想使用此方法创建表,如何为行,列分配id。知道id是变量,例如。数组长度。

function addRow(tableID, text) {
  // Get a reference to the table
  var tableRef = document.getElementById(tableID);

  // Insert a row in the table
  var newRow = tableRef.insertRow();

  // Insert a cell in the row
  var newCell = newRow.insertCell();

  // Append a text node to the cell
  var newText = document.createTextNode(text);
  newCell.appendChild(newText);
}

// Call addRow(text) with the ID of a table
addRow('TableA', 'Brand new row');
addRow('TableA', 'Another new row');

1 个答案:

答案 0 :(得分:0)

我们假设您要添加k行。很简单,在k迭代循环中创建行。

var tableRef = document.getElementById(tableID);

//to add k rows
for (x=0; x<k; x++)
{

  // Insert a row in the table
  var newRow = tableRef.insertRow(x);
  newRow.setAttribute("id","row"+x);

  // Insert a cell in the row
  var newCell = newRow.insertCell(0);

  // Insert another cell in the row
  var newCell2 = newRow.insertCell(1);

  //insert HTML text in the cells
  newCell.innerHTML="text1";
  newCell2.innerHTML="text2";
} //end for

}//end function