在Code.gs中使用JavaScript从数组值生成动态HTML表,可以通过以下步骤实现:
generateTable
,并传入一个包含数组值的参数。代码示例如下:function generateTable(dataArray) {
var table = "<table>";
// 生成表头
table += "<thead><tr>";
for (var header in dataArray[0]) {
table += "<th>" + header + "</th>";
}
table += "</tr></thead>";
// 生成表格内容
table += "<tbody>";
for (var i = 0; i < dataArray.length; i++) {
table += "<tr>";
for (var key in dataArray[i]) {
table += "<td>" + dataArray[i][key] + "</td>";
}
table += "</tr>";
}
table += "</tbody>";
table += "</table>";
return table;
}
var data = [
{ "姓名": "张三", "年龄": 25, "性别": "男" },
{ "姓名": "李四", "年龄": 30, "性别": "女" },
{ "姓名": "王五", "年龄": 28, "性别": "男" }
];
generateTable
函数,并将示例数组作为参数传入。将生成的HTML表格赋值给一个变量,以便后续使用。代码示例如下:var dynamicTable = generateTable(data);
innerHTML
属性将表格插入到一个具有特定id
的HTML元素中。例如:document.getElementById("tableContainer").innerHTML = dynamicTable;
在上述代码中,假设页面中有一个id
为tableContainer
的<div>
元素,用于容纳生成的动态HTML表格。
这样,通过以上步骤,你就可以在Code.gs中使用JavaScript从数组值生成动态HTML表格了。
附录:
领取专属 10元无门槛券
手把手带您无忧上云