在这篇文章中，作者介绍了使用JavaScript (js) 来动态添加和删除HTML表格（table）中的行的技术。通过提供示例代码，文章向读者展示了如何在网页中创建具有交互性的表格，使用户可以通过点击按钮的方式增加或移除表格的行。在介绍知识点之前，需要纠正一个细节错误：在提供的代码中，应使用“var”来声明变量，而非“vart”，并且在代码示例中，删除行的函数名称为“deleteRow”，而不是“t.deleteRow”。
动态添加和删除表格行的技术对于网页设计者来说非常有用，特别是在需要用户交互来修改表格数据的场景中。通过JavaScript代码，可以实现以下功能：
1. 使用DOM操作添加新的行：
- `document.getElementById("tableID")`：获取页面上ID为“tableID”的表格元素。
- `table.insertRow()`：在表格中插入一个新的空行。
- `newRow.insertCell()`：在新插入的行中添加一个新的单元格。
- 设置单元格的文本内容和属性，例如使用`newCell.innerHTML = ""`来清空单元格内容，并使用`newCell.setAttribute("align","center")`设置文本居中对齐。
2. 使用DOM操作删除表格中的行：
- 首先需要获取要删除行的索引。示例中通过`event.srcElement`来获取触发事件的元素，然后通过访问父级元素来确定行索引。
- 通过`document.getElementById("tableID")`获取表格元素。
- 使用`styles.deleteRow(rowIndex)`方法根据行索引删除表格中的行。
3. 将添加行和删除行的功能绑定到按钮上：
- 在HTML中，使用`<input type="button">`创建按钮，并通过`onclick`事件处理器与JavaScript函数`addRow`和`del`绑定。
- `addRow`函数负责创建新的表格行，并设置单元格的值，如通过`<select>`和`<input>`元素来填充行数据。
- `del`函数通过获取触发删除按钮的元素，并利用其`parentNode`属性来获取其所在行的索引，然后调用`deleteRow`函数删除行。
除了上述基本知识点，文章还展示了如何使用HTML的`<select>`元素与`<input>`元素来收集用户输入数据，并将这些数据动态填充到表格的新行中。`<select>`下拉菜单允许用户从预定义的选项中选择一个值，而`<input>`元素则用于接收文本输入。
示例代码还展示了如何在创建新行时，同时创建带有“删除”按钮的单元格，使得用户可以进一步交互式地控制表格。点击“删除”按钮会调用`del`函数，删除该行。
文章通过示例代码教会读者如何利用JavaScript来增强网页表格的动态交互能力。这对于网页开发者来说是一个非常实用的技能，能够极大地提升用户在网页上的操作体验，尤其在需要表格数据动态更新的场景中，如数据列表、管理界面等。
