创建的行上的数据表 - JavaScript

在编写 JavaScript 应用程序时，经常需要将数据表示为表格的形式。本文将介绍如何通过 JavaScript 在网页中创建数据表格，并向表格中添加数据。

创建表格元素

首先，我们需要在 HTML 中添加一个空的表格元素，通过 JavaScript 可以向表格中添加行和单元格。以下是创建表格元素的代码：

<table id="myTable"></table>

添加行和单元格

可以使用 JavaScript 创建表格行并将其添加到表格中。以下是创建表格行和单元格的代码：

var table = document.getElementById("myTable");
var row = table.insertRow();

var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);

cell1.innerHTML = "Hello";
cell2.innerHTML = "World";

以上代码会向表格中添加一行，包含两个单元格，内容分别为 "Hello" 和 "World"。

添加多行和单元格

使用 JavaScript，我们可以轻松地向表格添加多行和单元格。以下是向表格添加两行的代码：

var table = document.getElementById("myTable");

// 第一行
var row1 = table.insertRow();
var cell1_1 = row1.insertCell(0);
var cell1_2 = row1.insertCell(1);
cell1_1.innerHTML = "John";
cell1_2.innerHTML = "Doe";

// 第二行
var row2 = table.insertRow();
var cell2_1 = row2.insertCell(0);
var cell2_2 = row2.insertCell(1);
cell2_1.innerHTML = "Jane";
cell2_2.innerHTML = "Doe";

以上代码将向表格中添加两行，每行包含两个单元格，其中包含 "John"、"Doe"、"Jane" 和 "Doe" 这些内容。

结论

这就是使用 JavaScript 创建表格的基础知识。通过使用 JavaScript，可以轻松地创建并填充数据表格，以便在网页中显示数据。