getElementById can't find rendered div

Question

I have this in the function for the success handler from Google Wallet (for digital goods):

var elem = document.getElementById(div1);

I checked with the debugger and the value of the variable div1 is the same as the id of the div that I see with the 'inspector' (in Firefox) so I know that it's rendered. Besides, the page is shown, and only after clicking a button does the Google Wallet popup appear.

So why is elem null? (And how do I solve this?)

" the value of div1 is the correct name", what do you mean by value and name? what is the value of div1? — Sergio, Jul 17 '13 at 20:33
As I wrote in the question - as far as I can tell it _has_ been rendered (see question). If I'm misunderstanding what I see in the debugger - please correct me. — ispiro, Jul 17 '13 at 20:33
@Sergio The value of the variable `div1` is the name that appears as the `id` of the div I'm looking for. - So there is already such a div rendered. — ispiro, Jul 17 '13 at 20:35
Ok, can it be a scope issue? where do you use `div1`? inside a function, is it global? showing more code would help you. — Sergio, Jul 17 '13 at 20:38
@Sergio `div1` is global. And as I said - the value is correct. — ispiro, Jul 17 '13 at 20:39
are you sure it is null? maybe you are trying to call a method on `elem` that doesn't exist? Just throwing this out there... — jlars62, Jul 17 '13 at 20:45
does it work if you write div1's value manualy? (I just give suggestions since I can't see more code.) — Sergio, Jul 17 '13 at 20:46
I don't know if it's just a typo here, but shouldn't div1 be in quotes? document.getElementById("div1") — meobyte, Jul 17 '13 at 20:47
@Sergio Hmmm. How do I do that? But that actually is not the problem. The problem is `elem`. — ispiro, Jul 17 '13 at 20:48
I mean write the variable's value with quotes in the code and run the page. If it's possible. You don't provide more code so I think about simple/basic ideas. — Sergio, Jul 17 '13 at 20:53
@ispiro He means trying this. If `div1 = "someId"`, then try `var elem = document.getElementById("someId");` — jlars62, Jul 17 '13 at 20:53
Do you mean div1 has gotten the element by id already? var div1 = document.getElementbyId("foo") Because if so, I'd imagine you'd only need to do var elem = div1 — meobyte, Jul 17 '13 at 20:55
@Sergio Finally I did thanks to your help (in your comment that I now upvoted). See my answer. Thank you very much. — ispiro, Jul 18 '13 at 20:54

score 0 · Accepted Answer · answered Jul 18 '13 at 20:53

0

Thanks to a comment by Sergio I found that the value of the variable was not the correct one - instead of being "ABC" it was "ABC ". (-With a space at the end.)

answered Jul 18 '13 at 20:53

ispiro

26,556
38
136
291

Happy I was of some help :) – Sergio Jul 18 '13 at 21:17

score -1 · Answer 2 · answered Jul 17 '13 at 20:38

-1

Perhaps a timing issue? Try placing the getElementById call inside SetTimeout a few milliseconds later?...

answered Jul 17 '13 at 20:38

Code Monkey

643
6
18

getElementById can't find rendered div

2 Answers2