Question

我正在使用此脚本将行插入HTML表格。我使用key因为我确实希望在HTML页面中保留原始行，但只想添加更多行。

该表包含标记key。我在最后做table.insert函数，我应该调用哪个元素 - <tbody>或insertrow？换句话说，下面的代码是动态添加行的吗？

脚本：

table

HTML：

tbody

Answer 1

调用table即可。您也可以在插入之前使用createTextNode(text)方法。查看代码段并查看the docs on MDN (HTMLTableElement.insertRow())以进一步阅读：

＆＃13;

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');

＆＃13;

<table id="TableA" border="1">
  <tr>
    <td>1. Old top row</td>
  </tr>
  <tr>
    <td>2. second row</td>
  </tr>
</table>

＆＃13;

当我使用insertrow时，是否在表或tbody标签中添加了行？

1 个答案: