首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在javascript/node.js中插入HTML表排序表体中的行?

在JavaScript/Node.js中,可以使用DOM操作来插入HTML表的排序表体行。下面是一个示例代码:

代码语言:javascript
复制
// 创建一个表格
var table = document.createElement("table");

// 创建表头
var thead = document.createElement("thead");
var headerRow = document.createElement("tr");
var headerCell1 = document.createElement("th");
headerCell1.textContent = "姓名";
var headerCell2 = document.createElement("th");
headerCell2.textContent = "年龄";
headerRow.appendChild(headerCell1);
headerRow.appendChild(headerCell2);
thead.appendChild(headerRow);
table.appendChild(thead);

// 创建表体
var tbody = document.createElement("tbody");

// 创建行并插入数据
var row1 = document.createElement("tr");
var cell1 = document.createElement("td");
cell1.textContent = "张三";
var cell2 = document.createElement("td");
cell2.textContent = "25";
row1.appendChild(cell1);
row1.appendChild(cell2);
tbody.appendChild(row1);

var row2 = document.createElement("tr");
var cell3 = document.createElement("td");
cell3.textContent = "李四";
var cell4 = document.createElement("td");
cell4.textContent = "30";
row2.appendChild(cell3);
row2.appendChild(cell4);
tbody.appendChild(row2);

// 将表体插入表格
table.appendChild(tbody);

// 将表格插入到指定的HTML元素中
var container = document.getElementById("container");
container.appendChild(table);

上述代码中,首先创建了一个表格元素,并创建了表头和表体的行和单元格。然后,将表头和表体的行和单元格依次插入到对应的父元素中。最后,将整个表格插入到指定的HTML容器元素中。

这样就可以在JavaScript/Node.js中插入HTML表的排序表体行了。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券