Hiding images with <div> tags

Hello.

I am working on a project that requires for a form (image) button to replace an image when a checkbox is checked. In the parent window I have the following code:

<td valign=”middle”>
<div id=”delete-enabled” style=”display: none”>
<input type=”image” src=”delete-off.gif” width=59 height=54 border=0>
</div>
<div id=”delete-disabled” style=”display: visible”>
<img src=”delete-disabled.gif” height=59 width=54>
</div>
</td>

Then in a frame in the parent window, I have the following code:

<script language=”javascript”>
function changebutton()
{
parent.document.getElementsByName(“delete-enabled”)[0].style.display = “visible”;
parent.document.getElementsByName(“delete-disabled”)[0].style.display = “none”;
}
</script>
….
<input type=”checkbox” name=”check1″ onClick=”changebutton();”>

When I check the checkbox I am getting this error:
“Could not get the display property. Invalid argument.”

Does anyone have any ideas as to what is going wrong?
Thanks!
Christine ?

Also in #JavaScript _↴