My IE is IE 6. It's pretty old, but I have to use it.
I just found a strange problem, it doesn't support "document.getElementById()"!
See my test file: test.html
<a id="aaa">xxx</a>
<script>
aaa = document.getElementById("aaa");
alert(aaa);
</script>
When I open this file by IE, there shows an ERROR dialog:
line: 3
char: 1
error: object doesn't support the attribute or method
code: 0
URL: file://D:/test.html
Do I made some mistakes? It's so strange ~
Is this a snippet of your html file or the entire file? In the first case I'd suggest adding the appropriate tags (<html>, <body>), and a doctype. Second, the element should be loaded when you execute this javascript, but with IE6, I would not rely on it. Therefore you might want to try it inside an onload function:
window.onLoad = function() {
alert(document.getElementById("aaa"));
}
Its because the anchor element is set up (in IE6) as a global variable with name aaa. And then you are trying to use another variable with same name.
If you change it to...
<a id="aaa">xxx</a>
<script>
bbb = document.getElementById("aaa");
alert(bbb);
</script>
it should work.
Change the variable name so that its not the same as the element id.
It works if you place the javascript block within the <head> tag section. There's where JS should normally be placed anyway.
As noted by barrylloyd, its because the anchor element is set up (in IE6) as a global variable with name aaa. You can use var to create a local variable called aaa:
<a id="aaa">xxx</a>
<script type="text/javascript">
var aaa = document.getElementById("aaa");
alert(aaa);
</script>