获取整个table表格数据

最新推荐文章于 2022-05-09 10:05:42 发布

激情小马哥

最新推荐文章于 2022-05-09 10:05:42 发布

阅读量3k

点赞数

本文链接：https://blog.csdn.net/qq_45469347/article/details/119428949

版权

var list = [];
        //获取到标签tr
        var trList = document.getElementById("mealTable");//获取所有的table
        var rows = trList.rows;//获取所有行
        for(var i=1; i < rows.length; i++){
            var arr = {};
            var row = rows[i];//获取每一行
            var id = row.cells[0].innerText;//获取具体的单元格
            //赋值
            var ORIGINAL_BUNDLE = row.cells[1].getElementsByTagName("INPUT")[0].value;
            var CURRENT_BUNDLE = row.cells[2].getElementsByTagName("INPUT")[0].value;
            var PRE_BUNDLE = row.cells[3].getElementsByTagName("INPUT")[0].value;
            
            var POST_BUNDLE = row.cells[4].getElementsByTagName("INPUT")[0].value;
            
            //给数组的每个元素赋值
            arr["ORIGINAL_BUNDLE"] = ORIGINAL_BUNDLE;
            arr["CURRENT_BUNDLE"] = CURRENT_BUNDLE;
            arr["PRE_BUNDLE"] = PRE_BUNDLE;
            arr["POST_BUNDLE"] = POST_BUNDLE;
            list.push(arr);
        }
        JSON.stringify(list)