怎么用js设置img标记的src？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
a {
font-size: 20px;
color: #00FF00;
font-family: Arial, Helvetica, sans-serif;
}
a:link {
text-decoration: none;
color: #FF9900;
}
a:visited {
text-decoration: none;
color: #FF9900;
}
a:hover {
text-decoration: none;
color: #FF9900;
}
a:active {
text-decoration: none;
color: #FF9900;
}li
{
    list-style-type:none; display:inline; float:left
}
</style>
<script language="javascript" type="text/javascript">
function ReplaceImg(obj)
{
  alert(obj.src);                      //它输出了改变前图片的正确路径  obj.src="../img/my51job.jpg";
  alert(obj.src);                      //它页输出了改变后图片的正确路径
}                                       //为啥我点击后图片显示居然是个叉？？？？？
function onload()
{
  document.getElementById("t1").src="../img/my51job_.jpg";
}
</script>
</head><body onload="onload()">
<div>
<ul>
      <li><a href="http://www.baidu.com" target="_blank"><img  id="t1" border="0" onclick="ReplaceImg(this)" /></a></li>
      <li><a href="#"><img src="../img/简历管理_.jpg" alt="职位搜索" border="0" /></a></a></li>
      <li><a href="#"><img src="../img/职位搜索_.jpg"  alt="简历管理" border="0" /></a></a></li>
</ul>
</div>
</body>
</html>