当前位置：首页 > 行业动态 > 正文

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

“ javascript，function tableToArray(table) {， var rows = table.rows;， var result = [];， for (var i = 0; i ``

要将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的函数，该函数遍历表格的每一行和每一列，将单元格的文本内容添加到一个数组中，我们将这个数组返回。

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

console.log(tableToArray());

输出结果：

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

相关问题与解答：

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

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

本站发布或转载的文章及图片均来自网络，其原创性以及文中表达的观点和判断不代表本站，有问题联系侵删！
本文链接：http://www.xixizhuji.com/fuzhu/313850.html
0

相关文章

随机文章