Question

I need to automatically populate certain cells of a table according to the cell name (that as to be a number) but when you call the cell by it’s name it gets interpreted as it’s index number and instead of populating the correct cell it will populate the ordinal cell corresponding to the index.

document.getElementById("myTR").cells['9'].innerHTML = "testValue"

//the following doesn't work either 
a ='9'  or  a = 9
b = a.toString()
document.getElementById("myTR").cells[b].innerHTML = "testValue"

Any ideas how to solve this?
I’ve tried to aggregate a letter to the number (9n) and it works, I just wonder if there is any know procedure for this.

Answer 1

You may try this

HTML

<table>
    <tr id="myTR">
        <td>Row1</td><td name="9">Row1</td>
    </tr>
    <tr><td>Row2</td><td>Row2</td></tr>
</table>

JS

var x='9';
document.getElementsByName(x)[0].innerHTML = "testValue";

DEMO.

Also try to avoid to declare names that begins with numbers.