how to get html table td cell value by javascript

http://stackoverflow.com/questions/10057226/how-to-get-html-table-td-cell-value-by-javascript

HTML

<table id="tableID">
    <thead>
        <tr>
            <th>Column heading 1</th>
            <th>Column heading 2</th>
            <th>Column heading 3</th>
            <th>Column heading 4</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>43</td>
            <td>23</td>
            <td>89</td>
            <td>5</td>
        </tr>
        <tr>
            <td>4</td>
            <td>3</td>
            <td>0</td>
            <td>98</td>
        </tr>
        <tr>
            <td>10</td>
            <td>32</td>
            <td>7</td>
            <td>2</td>
        </tr>
    </tbody>
</table>

CSS

th, td {
    border: 1px solid #000;
    padding: 0.2em 0.3em 0.1em 0.3em;
}

JavaScript

var table = document.getElementById('tableID'),
    cells = table.getElementsByTagName('td');

for (var i = 0, len = cells.length; i < len; i++) {
debugger;
    cells[i].onclick = function () {
        console.log(this.innerHTML);
        /* if you know it's going to be numeric:
        console.log(parseInt(this.innerHTML),10);
        */
    };
}