How to get the value (innerHTML) of all cells in HTML table with JavaScript

1 Answer

<!DOCTYPE html>
<html>

<head>  
</head>
  
<body>

<table id="table-id" style="border:1px solid coral">
<tr><td>abc</td><td>def</td></tr>
<tr><td>ghi</td><td>jkl</td></tr>
</table>

<script>        

function getTableCellValues(id, row_count, col_count) 
{
    var i, j, s = "";
    
    for (i = 0; i < row_count; i++)
    {
        for (j = 0; j < col_count; j++)
            s = s + document.getElementById(id).rows[i].cells[j].innerHTML + " ";     
        
        s = s + "<br />";
    }
    
    document.getElementById("p-id").innerHTML = s;
}

/*
run:
  
abc def
ghi jkl 
    
*/

</script>

<button onclick="getTableCellValues('table-id', 2, 2)">Get Table Cell Values</button>

<p id="p-id"></p>

</body>
</html>

70+ SQL courses for beginners and professionals

answered Aug 17, 2015 by avibootz

Most popular tags

How to get the value (innerHTML) of all cells in HTML table with JavaScript

1 Answer

Related questions