使用js向表格中删除内容和添加内容

在JavaScript中，向表格中添加和删除内容通常涉及到操作DOM（文档对象模型）。以下是如何使用JavaScript向表格中添加和删除内容的基本方法：

1. 向表格中添加内容：
- 首先，你可以创建一个新的`<tr>`元素，表示表格中的一行。
- 然后，在这个`<tr>`元素中创建多个`<td>`元素，每个`<td>`元素代表一列。
- 通过设置`<td>`元素的`innerHTML`属性来填充数据。
- 最后，将这个新的`<tr>`元素添加到表格中。

示例代码如下：

   function addRowToTable(tableId, newRowContent) {
       let table = document.getElementById(tableId);
       let newRow = table.insertRow(); // 创建新行
       newRowContent.forEach(text => {
           let cell = newRow.insertCell(); // 创建新单元格
           cell.innerHTML = text; // 设置单元格内容
       });
   }

   // 调用函数添加新行，例如：
   addRowToTable('myTable', ['单元格1内容', '单元格2内容', '单元格3内容']);

2. 从表格中删除内容：
- 首先，需要确定要删除的内容所在的行或单元格。
- 使用`removeChild()`方法从其父节点中移除指定的子节点。
- 如果是删除整行，则通过获取行的引用，然后调用其父节点（通常是`<tbody>`或`<table>`）的`removeChild()`方法。

示例代码如下：

   function removeRowFromTable(tableId, rowIndex) {
       let table = document.getElementById(tableId);
       let rowCount = table.rows.length;
       if (rowIndex >= 0 && rowIndex < rowCount) {
           table.deleteRow(rowIndex); // 删除指定索引的行
       }
   }

   // 调用函数删除指定索引的行，例如：
   removeRowFromTable('myTable', 0); // 删除第一行