JavaScript, numbers and strings

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.

It's working here.

The Alpha
– The Alpha

2012-10-19 09:44:20 +00:00
Commented Oct 19, 2012 at 9:44 — The Alpha
– The Alpha, Commented Oct 19, 2012 at 9:44
Yes but I really need to call it by name not index

Ruben Teixeira
– Ruben Teixeira

2012-10-19 10:24:21 +00:00
Commented Oct 19, 2012 at 10:24 — Ruben Teixeira
– Ruben Teixeira, Commented Oct 19, 2012 at 10:24

st3inn · Accepted Answer · 2012-10-19 10:26:45Z

2

document.getElementsByName('9')[0].innerHTML = 'testVal';

gets elements by name, selects the first (only) element and Bob's your uncle.

edited Oct 19, 2012 at 10:26

answered Oct 19, 2012 at 9:44

st3inn

1,5961 gold badge9 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ruben Teixeira Over a year ago

I think that wen you call "getElementById()" the result is an object with the elements inside it, then you cant call a getElementsByName() on it it throws an error "getElementsByName is not a function"

The Alpha · Accepted Answer · 2012-10-19 09:52:14Z

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.

answered Oct 19, 2012 at 9:52

The Alpha

147k30 gold badges294 silver badges313 bronze badges

3 Comments

Ruben Teixeira Over a year ago

don't need to declare it before, "document.getElementsByName('9')[0].innerHTML = 'testValue'" works fine, thanks!

Ruben Teixeira Over a year ago

Just one question, what does the '[0]' do?

Ruben Teixeira Over a year ago

I guess it is the first element found with the provided name right?

xfx · Accepted Answer · 2012-10-19 09:41:17Z

1

try this if the name is unique:

document.getElementByName('9').innerHTML = 'testValue';

by the way, I suggest u use jquery to operate the cell, follow is the code use jquery:

$('td[name=9]','#myTR').html("testValue");

answered Oct 19, 2012 at 9:41

xfx

1,9581 gold badge19 silver badges27 bronze badges

4 Comments

Ruben Teixeira Over a year ago

"document.getElementByName('9').innerHTML = 'testValue'" ' doesn't work but "document.getElementById('9').innerHTML = 'testvalue'" works

Ruben Teixeira Over a year ago

the name is unique, but it doesn't work, no error but it's not changing anything

Ruben Teixeira Over a year ago

"document.getElementsByName('9')[0].innerHTML = 'testValue'" this works

xfx Over a year ago

Sorry, I forget standard js do not like jquery can detect if it is a list

Jeff · Accepted Answer · 2012-10-19 09:46:19Z

1

Not sure if I will get frowned upon by JS purists, but I suggest using jQuery for this, this is what it was built for:

$("#myTR TD[name='9']").html("testValue");

This should get the cell named 9 in the tr tag with id myTR

Heres a fiddle for you: http://jsfiddle.net/aZEXV/1/

edited Oct 19, 2012 at 9:46

answered Oct 19, 2012 at 9:39

Jeff

12.2k14 gold badges85 silver badges156 bronze badges

3 Comments

st3inn Over a year ago

That's exactly what he didn't want :)

Jeff Over a year ago

jQuery is still JavaScript, usually if they dont want to use jQuery, they state that explicitly. :)

Ruben Teixeira Over a year ago

Well, thanks Jeff but this is exactly the problem, I don't want to get the 9th cell, I want to reach a cell named '9' and I really don't want to use jQuery for something so simple.

Collectives™ on Stack Overflow

JavaScript, numbers and strings

4 Answers 4

1 Comment

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

3 Comments

4 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

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

3 Comments

4 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related