document.getElementById does not work on Firefox

Question

Firefox returns null when I try to call document.getElementById on an element.

Here is the call

document.getElementById('interaction4793')

However the element is present in the DOM. I can find it

<interaction id="interaction4793">
    <action id="action3268" trigger="enter" type="hover" />
    <reaction delay="0" id="reaction3709" options="reloadOnly" target="page0001" transition="none" type="showPage" />
</interaction>

Even when I select it from the inspector and use the $0 trick it returns null:

document.getElementById($0.id)

When I try to get the elements from getElementsById it works.

EDIT: Chrome and Safari do not return null. I tested Firefox (version 26) on Window and MacOS both return null.

EDIT2: I think Firefox do not understand that the attribute id is the id. When I search by attribute with jquery I can find the interaction:

console.log($('#interaction102').length); // returns 0
console.log($('[id="interaction102"]').length); // returns 1

*When* do you call `document.getElementById('interaction4793')`? — CodingIntrigue, Jan 17 '14 at 13:30
Yes it's strange, it works for me too on a blank page. When I try it in my webapp, it returns always null... — Charles, Jan 17 '14 at 13:32
I call it during the use of the webapp. The DOM is already ready and the element is there. — Charles, Jan 17 '14 at 13:33

score 1 · Answer 1 · edited May 23 '17 at 12:01

1

The question is already answered here: JavaScript getElementByID() not working

Sometimes happen when the content of your website is not already loaded and crash.

Hope to be helpful

EDIT1: You can also try this: var yourvar= $("#interaction4793")[0]; It works for me

edited May 23 '17 at 12:01

Community

1
1

answered Jan 17 '14 at 14:14

MarcoGarzini

82
10

Actually jQuery returns an empty collection. But the element is loaded. With Firebug if I try `document.getElementById(document.getElementsByTagName('interaction')[0].id)` it returns null. It does not make any sense to me... – Charles Jan 17 '14 at 15:54

document.getElementById does not work on Firefox

1 Answers1