Internet Explorer doesn't know getElementById

[Mongole]

Hi.
I'm trying to program a small game with HTML5 and Javascript.
I've used excanvas.js to support canvas for IE and canvas_text.js to support some features of text on canvas for IE.So normally it should work with IE.
But when I want to use my audioloop in JS with

Code: Select all

document.getElementById('cyclemusic').addEventListener('ended', function(){                   //+++++++++++++für IE auskommentieren
                                                                                                        //+++++++++++++für IE auskommentieren
      this.currentTime = 0;                                                                           //+++++++++++++für IE auskommentieren
    }, false);

to manipulate this element from my html-file

Code: Select all

<audio id="cyclemusic" autoplay>
        <source src="in_the_house.ogg">  <!--Firefox-->
        <source src="in_the_house.wav">  <!--IE-->
        <source src="in_the_house.mp3"><!--safari-->
</audio>

I get the following report
[/img]
So if anyone knows what to do please help me.

[Mongole]

The error message points back to the getElementById-Code I've posted before.

[zcorpan]

Which version of IE?

[JAB Creations]

IE does stupid stuff but I'm 200% certain that the problem you are having is not what you think it is.

Break out IE8 and run the developer tools script debugger. 90% of the time an IE 5-6-7 bug will be caught by IE8, if not drop the browser mode from IE8 standards to IE7 standards.

IE 5.0 understands working with ID's and the only really horrible bug that IE 5.0+ has (besides all the proprietary junk) is that it does not work with getelementsbytagname.