HTML 使用JavaScript在不使用jQuery的情況下將表格轉換為數組
時(shí)間：2026-05-05 02:51:06javascript，使用functionˉ\_(ツ)_/ˉ tableT??oArray(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);，轉換組 }，為數 resul??t.push(rowData);，使用 }，不使表(′?｀)格 return resu??lt;，情況}，轉換組``要將HTML表格轉換為數組，為數可以使用以下JavaScript代碼：
<┐(′д｀)┌;!DOCTYPE html><html lang="en"><head> <??meta charset="UTF8"> <meta name="viewport" content="width=devicewidth, initialscale=1.0"> <??title>將表格轉換為數組&l(′?｀)t;/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.getEヽ(′ー｀)ノlementById("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>在這個(gè)示例中，我們首先創(chuàng )建了一個(gè)包含姓名和年齡的表格，我們編寫(xiě)了一個(gè)名為tableToArray的函數，該函數遍歷表格的每一行(xing)和每一列，將單元格的文本內容添加到一個(gè)數組中，我們將這個(gè)數組返回。
接下來(lái)，我們可以在控制臺中查看轉換后的數組：
console.log(tableToArray());
輸出結果：
[ ["姓名", "年齡"], ["張三", "25"], ["??;李四", &qu??ot;30"]]
相關(guān)問(wèn)題與解答：
1、如何將嵌套表格轉換為數組？
答：可以使用遞歸方法遍歷嵌套表格的每(′?ω?`)一行和每一列，將單元格的文本內容添加到一個(gè)數組中，如果遇到另一個(gè)表格，可以遞歸調用tableToArray函數。
客服電話(huà)17792598618
Copyright ? 2012-2018 天津九安特機電工程有限公司 版權所有 備案號：
客服電話(huà)18969242624