JavaScript для анализа таблицы чисел HTML в массив

Я разбираю существующую таблицу HTML на веб-странице в массив чисел, чтобы позже передать объект графика. Я изучаю JavaScript, и неясно, как я должен перебирать значения данных в тегах HTML. Вот что я придумал:

for (i = 0; i < table.rows.length; i += 1) {
   row = table.rows[i];
   for (j = 0; j < row.cells.length; j += 1) {
       cell = row.cells[j];
       coord[j] = Number(cell.innerText);
   }
   data[i] = coord.slice();
}

Меня беспокоит часть .innerText. Это универсальный механизм перебора текстовых элементов в тегах <td>?


javascript html-table html-parsing
person Rich    schedule 11.11.2010    source источник

Ответы (2)


arrow_upward
5
arrow_downward

К сожалению, .innerText не является универсальным, в первую очередь он отсутствует в Firefox. Используйте здесь либо .innerHTML, если это просто текст в ячейке, либо Number(cell.innerText || cell.textContent) для учета всех браузеров.

person Nick Craver    schedule 11.11.2010

arrow_upward
1
arrow_downward

Да, то, что вы делаете, прекрасно, хотя innerText не повсеместно поддерживается. Хотя у меня есть несколько предложений...

var coords = [],
    data = [];

for (var i = 0, rowsLength = table.rows.length; i < rowsLength; i++) {
   var row = table.rows[i];
   for (var j = 0, cellsLength = row.cells.length; j < cellsLength; j++) {
       var cell = row.cells[j];
       coord[j] = Number(cell.innerHTML);
   }
   data[i] = coord.slice();
}

Это предполагает, что в вашей ячейке есть только число (или первая часть является полезным числом).

  • Используйте var, иначе ваши переменные будут глобальными.
  • Кэшируйте длины — в противном случае они рассчитываются за итерацию.
  • i++ обычно используется для увеличения числа.
person alex    schedule 11.11.2010