With the move by later browsers to support a more standard DOM we can replace both bits of code with
document.getElementById('picture').style.visibility='hide'
document.getElementById() is the new and cross browser way to access any element on a web page by its id attribute.
Note the case of the letters in getElementById
New DOM example This example where we hide and show an image of a Rose should work cross browser.
Here is the code
<head>
<title>Mike Capstick's new hide and show example</title>
<script type='text/javascript'>
<!--
function hideme(){
if (document.getElementById('graphic').style.visibility=='hidden')
{document.getElementById('graphic').style.visibility='visible';}
else{document.getElementById('graphic').style.visibility='hidden';}
}
//-->
</script>
</head>
<body style='text-align:center;background-color:#eeffee;'>
<div style='position:relative;' id='graphic'><img src='rose.gif' alt='rose' /></div>
<form action=''>
<input type ='button' value='hide/show' onclick='hideme();' />
</form>
</body>