Multiple tables sharing same cell IDs - only update one

[phub11]

Hi all,

Could someone please tell (remind) me how I can use "document.getElementById('cellID').innerHTML" for a specific cell for a specific table, given that two tables share the same cell ID names, but I only want to update one of them.

Thanks!

[Dormilich]

an ID must not occur more than once. (it's how IDs are defined). otherwise use classes or names.

document.getElementsByName(__NAME__)[0]; // first element with a given name

[phub11]

Thanks for the reply!

So even if I have unique IDs for each table, the cell IDs for both tables cannot be duplicated? Bah!!!!

[gits]

it is not 'Bah!!!!' :) ... in case it wouldn't be as it is how should the dom parser find an element by id with:

document.getElementById('id');

the method always returns one node and in case there are nodes with the same id which one should it choose? ... an id currently has to be unique in one document ...

kind regards

[Dormilich]

@gits
I hope that's not gonna changing ever…

[gits]

may be you could sometimes use:

myNode.getElementById('myId');

:) but i know what you mean and i'm with you :)

[acoder]

@phub11
You should never need to use duplicate IDs. You can always give it IDs such as "c111" where the first 1 can be the table, the second the row and the third the cell (this is based on what I remember you naming your cells from earlier posts).

[phub11]

Thanks for the replies!

I resorted to "acoder"'s suggestion. I figured that as tables act as parents for their respective cells, it would be logical that prefixing a cell ID with it's parent (table) using document.get would allow duplicate cell IDs. I guess I've quite a bit to learn!

[acoder]

Well, they wouldn't be duplicates then, they'd be unique which of course solves the problem.