JavaScript to parse HTML table of numbers into an array

Question

I'm parsing an existing HTML table on a webpage into an array of numbers to later pass to a plot object. I'm learning JavaScript and it is not clear how I am supposed to iterate over the data values in HTML tags. This is what I've come up with:

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();
}

I'm bothered by the .innerText part. Is that the universal mechanism for iterating over the text elements in the <td> tags?

Nick Craver · Accepted Answer · 2010-11-11 02:44:41Z

5

Unfortunately .innerText is not universal, most notably it's missing from Firefox. Use either .innerHTML here if it's just text in the cell or Number(cell.innerText || cell.textContent) to account for all browsers.

answered Nov 11, 2010 at 2:44

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Martlark · Accepted Answer · 2012-09-26 01:22:27Z

1

Yeah, what you are doing is fine, although innerText is not universally supported. Though I've got a few suggestions...

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();
}

This assumes your cell has just a number in it (or the first portion is the useful number).

Use var otherwise your variables are global.
Cache the lengths - otherwise they are calculated per iteration.
i++ is generally used to increment a number.

edited Sep 26, 2012 at 1:22

Martlark

14.6k14 gold badges86 silver badges103 bronze badges

answered Nov 11, 2010 at 2:47

alex

492k205 gold badges890 silver badges992 bronze badges

Collectives™ on Stack Overflow

JavaScript to parse HTML table of numbers into an array

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related