Getting value from table cell in JavaScript...not jQuery

Question

I can't believe how long this has taken me but I can't seem to figure out how to extract a cell value from an HTML table as I iterate through the table with JavaScript. I am using the following to iterate:

  var refTab=document.getElementById("ddReferences")   var  ttl;   // Loop through all rows and columns of the table and popup alert with the value   // /content of each cell.   for ( var i = 0; row = refTab.rows[i]; i++ ) {      row = refTab.rows[i];      for ( var j = 0; col = row.cells[j]; j++ ) {         alert(col.firstChild.nodeValue);      }   } 

What is the correct call I should be putting in to the alert() call to display the contents of each cell of my HTML table? This should be in JS...can't use jQuery.

Answer 1

function GetCellValues() {     var table = document.getElementById('mytable');     for (var r = 0, n = table.rows.length; r < n; r++) {         for (var c = 0, m = table.rows[r].cells.length; c < m; c++) {             alert(table.rows[r].cells[c].innerHTML);         }     } } 

Answer 2

If I understand your question correctly, you are looking for innerHTML:

alert(col.firstChild.innerHTML);