javascript显示图片问题

L@_@K
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD> <BODY>
<INPUT TYPE="image" id="img1" SRC="http://www.csdn.net/Images/logo_csdn.gif" style="display: none;">
<INPUT TYPE="image" id="img2" SRC="http://avatar.profile.csdn.net/9/7/A/2_tx_tianxia.jpg" style="display: none;"><br />
<INPUT TYPE="button" VALUE="first button" id="btn01">
<INPUT TYPE="button" VALUE="second button" id="btn02">
  <SCRIPT LANGUAGE="JavaScript">
  <!--
function $(sId)
{
return document.getElementById(sId);
}
var oImg1 = document.getElementById("img1");
var oImg2 = document.getElementById("img2");
$("btn01").onclick = function() {
oImg1.style.display = "inline";
oImg2.style.display = "inline";
};
$("btn02").onclick = function() {
oImg1.src = "http://avatar.profile.csdn.net/9/9/E/2_yixianggao.jpg";
oImg2.style.display = "none";
};
  //-->
  </SCRIPT>
 </BODY>
</HTML>