Забрать все данные с таблиц в массив js?

Question

[adam_carraway]

На странице есть 3 таблицы

Они имеют такую структуру

<table class="table">
 <tr>
<td></td>
...
</tr>
 <tr>
<td></td>
...
</tr>
...
</table >

Как с помощью js собрать данные в такой массив?

Answer 1

[Alex]

Три уровня циклов:

1. Цикл беребирающий таблицы
   
2. Цикл перебирающий строки в каждой таблице
   
3. Цикл перебирающий ячейки в каждой строке
   

И записываете все данные в переменную

Answer 2

[hzzzzl]

upd
https://codepen.io/anon/pen/MxMYyB?editors=1010

Answer 3

[pestunov]

С помощью модели DOM и методов типа сhildNodes.
https://developer.mozilla.org/ru/docs/Web/API/Node...

Answer 4

[adam_carraway]

Решение:

var TableList = new Array();
            var table = document.getElementsByClassName("table");
            for(var i=0;i<table.length;i++){
                var tr = table.item(i).getElementsByTagName("tr");
                TableList['table_'+i] = new Array()
                for(var j=0;j<tr.length;j++) {
                    var td = tr.item(j).getElementsByTagName("td");
                    TableList['table_'+i]['tr_'+j] = new Array()
                    for(var f=0;f<td.length;f++) {
                        TableList['table_'+i]['tr_'+j][f] = td.item(f).innerText;
                    }

                }
            console.log(TableList)