Setting Div Value (nodes problem)

[ace214]

Ok so I have researched this problem and am confused. What I want do is have a caption in a <div> under a picture be changable. So I have this:

<div id="Caption" style="color: rgb(51,51,102); font-family: Verdana; font-size: 90%; text-align: center"></div>
<script type="text/javascript"> //Set Caption- use abs to avoid array error with three digit variable
document.getElementById("Caption").childNodes[0].nodeValue = Captions[Math.abs(i)];
</script>

But it only works in FF if I put a space in the original <div> and it doesn't work in IE at all. Don't get it. What do I need to do?
The full page is here.

Thanks for any help.

[basstradamus]

Hi,
Try that

<script type="text/javascript"> //Set Caption- use abs to avoid array error with three digit variable
if (document.getElementById("Caption").firstChild) document.getElementById("Caption").firstChild.node Value = Captions[Math.abs(i)];
else document.getElementById("Caption").appendChild(doc ument.createTextNode(Captions[Math.abs(i)]));
</script>

And remove that white space from div, leave it "empty".
Additionaly, please remember that FF treats all new-line signs as nodes so if have for instance div:
<div class="example">
<div></div>
<div></div>
</div>

that div (example) has 5 childNodes in FF in IE it has 2.

[ace214]

Ok, that worked, thanks for the help. Although, I think I'm just gonna make the div contain one letter- it's easier than making it process the if. Thanks again.