JavaScript如何动态创建table表格

方法一：原始方法，逐个创建元素

```javascript

var table = document.createElement("table");

var tbody = document.createElement("tbody");

var tr = document.createElement("tr");

var td = document.createElement("td");

// 开始追加子元素

tr.appendChild(td);

tbody.appendChild(tr);

table.appendChild(tbody);

```

```javascript

var tableNode = document.createElement("table");

```

二、动态的创建和删除

```javascript

function createTable() {

tableNode.setAttribute("id", "table"); // 设置id属性

var row = parseInt(document.getElementsByName("row1")[0].value); // 获取行号

var cols = parseInt(document.getElementsByName("cols1")[0].value); // 获取列号

}

```

删除行：要删除行，必须先获取到table对象。例如：

```javascript

function delRow() {

var tab = document.getElementById("table"); // 获取table对象

if (tab == null) {

alert("要删除的表不存在！");

return;

}

// ...删除行的代码...

}

```

删除行列操作指南

删除行操作

2. 从界面上获取用户输入的想要删除的行数，并将其转换为整数。

3. 检查用户输入的行数是否合法。如果不合法，提示用户重新输入。

删除列操作

删除列的操作相对复杂一些，因为需要通过行来进行删除。以下是具体步骤：

2. 从界面上获取用户希望删除的列数，并将其转换为整数。

3. 检查用户输入的列数是否合法。如果不合法，提示用户重新输入。

5. 如果满足上述条件，则执行删除列的操作。

```html

```