JavaScript 动态添加表格行在 Web 开发中，表格是一个非常重要的元素。在数据需要以表格形式展示时，我们通常使用表格标签 `table`、`tr` 和 `td` 来创建和展示数据。但是，一些情况下我们需要动态添加表格行，这时候 JavaScript 的作用就发挥出来了。比如，我们有一个存储员工信息的数组，我们希望将这个数组中的员工信息以表格的形式展示在页面上。这时候我们可以使用 JavaScript 动态添加表格行来实现。首先，我们需要创建一个表格，代码如下所示：

<table id="employeeTable"><thead><tr><th>姓名</th><th>工号</th><th>工资</th></tr></thead><tbody></tbody></table>

在上面的代码中，我们创建了一个 `id` 为 `employeeTable` 的表格，并添加了表头 `thead` 和表体 `tbody`。表头中包含了三个列，分别是姓名、工号和工资。表体目前为空，我们需要用 JavaScript 动态添加表格行来展示数据。接下来，我们需要获取到表格的 `tbody` 元素，代码如下所示：

let tbody = document.querySelector("#employeeTable tbody");

在上面的代码中，我们使用了 `querySelector` 方法来获取到 `id` 为 `employeeTable` 的表格中的 `tbody` 元素。然后，我们遍历员工信息数组，为每个员工创建一行表格，代码如下所示：

let employees = [{"name": "Alice", "id": "001", "salary": "$5000"},{"name": "Bob", "id": "002", "salary": "$6000"},{"name": "Charlie", "id": "003", "salary": "$7000"}];employees.forEach((employee) =>{let row = document.createElement("tr");row.innerHTML = `${employee.name}${employee.id}${employee.salary}`;tbody.appendChild(row);});

在上面的代码中，我们遍历了员工信息数组 `employees`，并使用 `forEach` 方法对每个员工信息进行处理。对于每个员工，我们创建了一个表格行 `tr`，并使用模板字面量 ` ${}` 来动态添加员工姓名、工号和工资这三个表格列。最后，我们将表格行添加到表格的 `tbody` 中，使其展示在页面上。通过上面的代码，我们可以实现动态添加表格行，将数组中的员工信息以表格形式展示在页面上，提高数据的可读性和用户体验。总结通过 JavaScript 动态添加表格行，我们可以方便地将数据以表格形式展示在页面上，提高数据的可读性和用户体验。通过以上介绍，相信大家已经掌握了动态添加表格行的方法，希望大家能够在日常的 Web 开发工作中熟练地应用它。