Workaround for document.getElementById("mydiv").style.display='none'

[gimme_this_gimme_that]

Hi,

I have an onchange method for a select box that goes something like
this (the select is in a form named aForm):

function page_on_change() {
pageElement = aForm.my_page_id;
aForm.nav_page_name.value =
pages[pageElement.options[ pageElement.selectedIndex ].value];
var si = pageElement.selectedIndex;
for ( i = 0 ; i < pages.size ; i++ ) {
document.getElementById("id_" + i).style.display='none';
}
document.getElementbyId("id_" + si).style.display='none';
}

IE fails on the statement:

document.getElementbyId("id_" + si).style.display='none';

and says it doesn't support this property.

What is the workaround?

Thanks.

 

[Walton]

IE fails on the statement:

document.getElementbyId("id_" + si).style.display='none';

Capitalize 'By' in getElementById. Javascript is case-sensitive.

 

[gimme_this_gimme_that]

Thanks Walton,

Great catch.

Now a message popus up that says Object required.

I've eyeballed the source and confirmed that divs id_0,id_1 etc exist.

 

[gimme_this_gimme_that]

Opps. I got it. Thanks.