using javascript with the DOM

[test]

hello, i have a question on using javascript with the DOM
can anyone help me out
i have a function that has a number passed to it
the variable is called "bioId"

function visible(bioId);

this number ranges between 1 and 6
there is a statement in the function

document.bio.display = 'none';

i want the statement to change depending on what number i pass to the
function
so lets say I pass a 3
i want that statement to say

document.bio3.display = 'none';

is there a way to do this?
something like
document.bio{bioId}.display = 'none';

 

[Lasse Reichstein Nielsen]

i have a function that has a number passed to it
the variable is called "bioId" ....
so lets say I pass a 3
i want that statement to say

document.bio3.display = 'none';

First of all, you should not write
document.bio3
to refer to an element with name "bio3". The proper way would
be
document.getElementById("bio3")
possibly with fallbacks for old browsers.
<URL:http://jibbering.com/faq/#FAQ4_41>

If the element is a form or image, you can use the collections
instead:
document.forms['bio3']
or
document.images['bio3']

Second, elements don't usually have a display property. It seems your
code was written for Netscape 4, and it probably won't work very well
anywhere else. The correct display property is in the style object.

That answers the question:
document.getElementById("bio"+bioId).style.display="none";
(or
document.images["bio"+bioId].style.display = "none";

is there a way to do this?
something like
document.bio{bioId}.display = 'none';

This FAQ entry is close:
<URL:http://jibbering.com/faq/#FAQ4_39>

/L

 

[Dag Sunde]

hello, i have a question on using javascript with the DOM
can anyone help me out
i have a function that has a number passed to it
the variable is called "bioId"

function visible(bioId);

this number ranges between 1 and 6
there is a statement in the function

document.bio.display = 'none';

i want the statement to change depending on what number i pass to the
function
so lets say I pass a 3
i want that statement to say

document.bio3.display = 'none';

is there a way to do this?
something like
document.bio{bioId}.display = 'none';

document.getElementById("bio" + bioId).display = 'none';