How to use getElementById with a JS variable?

[luftikus143]

Hi there,

I am fighting with a small, probably dumb, issue.

I want to call the properties of an SVG element. The element is composed of several elements:

t = 'id_' + selectedIndex + '_' + clicked_element_year;

Now, it seems I can't call it this way:

clicked_element_text = svgDocument.getElementById(t).getAttributeNS(null,'mouseovertext');

I guess that, as the ID is textual and not numerical, it should somehow be within apostrophes, as it works this way:

clicked_element_text = svgDocument.getElementById('id_784_2008').getAttributeNS(null,'mouseovertext');

But how would the Javascript need to look like in order to be accepted? I tried it with multiple apostrophes, and with backslash-apostrophe, but in vain.

Thanks for any hints!

[Dormilich]

that shoudn't matter whether you pass the string as literal or as variable. besides that, IDs are never numerical (matter of definition).

did you verify that the passed parameter is correct?

[luftikus143]

Yep, I tried to verify this a couple of times and via different steps.

But what is really strange, is now the following:

When I use an alert:

alert(svgDocument.getElementById(t).getAttributeNS(null,'mouseovertext'));

it gives me what I want. But when using just to pass that to a variable, it doesn't work:

clicked_element_text = svgDocument.getElementById(t).getAttributeNS(null,'mouseovertext');

Why would that be?

[Dormilich]

But when using just to pass that to a variable, it doesn't work:

please explain "doesn't work".

[luftikus143]

Sorry for the imprecision.

The error message I get (in Safari, Error Console) is:

TypeError: 'null' is not an object (evaluating 'svgDocument.getElementById(t).getAttributeNS')

[luftikus143]

Ah gush, as usual, tiny thing. The name for the element I tried to call was too complex for me to see that there was one letter too much - the one letter I did indeed need for another element to call. Sorry!