HTML 使用JavaScript在不使用jQuery的情况下将表格转换为数组

javascript,function tableToArray(table) {, var rows = table.rows;, var result = [];, for (var i = 0; i < rows.length; i++) {, var cells = rows[i].cells;, var rowData = [];, for (var j = 0; j < cells.length; j++) {, rowData.push(cells[j].innerText);, }, result.push(rowData);, }, return result;,},``

要将HTML表格转换为数组,可以使用以下JavaScript代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF8">
    <meta name="viewport" content="width=devicewidth, initialscale=1.0">
    <title>将表格转换为数组</title>
</head>
<body>
    <table id="myTable">
        <tr>
            <th>姓名</th>
            <th>年龄</th>
        </tr>
        <tr>
            <td>张三</td>
            <td>25</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>30</td>
        </tr>
    </table>
    <script>
        function tableToArray() {
            var table = document.getElementById("myTable");
            var result = [];
            for (var i = 1; i < table.rows.length; i++) {
                var rowData = [];
                for (var j = 0; j < table.rows[i].cells.length; j++) {
                    rowData.push(table.rows[i].cells[j].innerText);
                }
                result.push(rowData);
            }
            return result;
        }
        console.log(tableToArray());
    </script>
</body>
</html>

在这个示例中,我们首先创建了一个包含姓名和年龄的表格,我们编写了一个名为tableToArray的函数,该函数遍历表格的每一行和每一列,将单元格的文本内容添加到一个数组中,我们将这个数组返回。

HTML 使用JavaScript在不使用jQuery的情况下将表格转换为数组

接下来,我们可以在控制台中查看转换后的数组:

console.log(tableToArray());

输出结果:

HTML 使用JavaScript在不使用jQuery的情况下将表格转换为数组

[
  ["姓名", "年龄"],
  ["张三", "25"],
  ["李四", "30"]
]

相关问题与解答:

1、如何将嵌套表格转换为数组?

HTML 使用JavaScript在不使用jQuery的情况下将表格转换为数组

答:可以使用递归方法遍历嵌套表格的每一行和每一列,将单元格的文本内容添加到一个数组中,如果遇到另一个表格,可以递归调用tableToArray函数。

原创文章,作者:未希,如若转载,请注明出处:https://www.kdun.com/ask/489858.html

(0)
未希新媒体运营
上一篇 2024-04-18 23:31
下一篇 2024-04-18 23:32

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

云产品限时秒杀。精选云产品高防服务器,20M大带宽限量抢购  >>点击进入