Firefox issue for JavaScript Function

Question

I have a HTML table of data which is stored on a MySQL database. I am retrieving the data with PHP, and putting it into a HTML table. I then need created a function to sort the data in some of the columns in descending alphabetical order. Below is the function.

While it works perfectly in Chrome, it does not work in Firefox. Can someone please explain why?

function dataSort(columnNum) {
  var artDataTable = document.getElementById('table');
  var dataArray = [];

  for (var I = 1; I < artDataTable.rows.length; i++) {
    var r = artDataTable.rows[i];
    var rowData = r.cells[columnNum].innerText;
    dataArray.push([rowData, r]);
  }

  dataArray.sort();
  for (var j = 0; j < dataArray.length; j++) {
    artDataTable.appendChild(dataArray[j][1]);
  }

  dataArray = null;
}

is there any error in firebug console? – Pranay Bhardwaj Nov 29 '15 at 19:38 — Pranay Bhardwaj, Nov 29 '15 at 19:38
Where / when are you calling this function? – Gi0rgi0s Nov 29 '15 at 19:39 — Gi0rgi0s, Nov 29 '15 at 19:39

score 0 · Accepted Answer · answered Nov 29 '15 at 19:37

0

innerText is not supported by Firefox, it's a IE-specific property adopted by Chrome as well.

For support in all modern browsers, use textContent instead

var rowData = r.cells[columnNum].textContent;

answered Nov 29 '15 at 19:37

adeneo

312,895
29
395
388

This worked for me, thank you! – truly-daunting Nov 29 '15 at 19:43
InnerText is coming to firefox – Jaromanda X Nov 29 '15 at 20:59

Firefox issue for JavaScript Function

1 Answers1