新手，请大神看下这小段代码

新手求助，请大神看下这小段代码。
下面的代码为什么不能正确执行啊，最近在看一本js的教程，是不是因为比较老了，下面的写法已经淘汰了？
请各位大神帮忙指教下。

我想实现的效果是当鼠标经过图片的时候，能够更换为另外的图片，我在自己的浏览器中测试未能成功。希望大家帮帮我，谢谢了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="content-Type" content="text/html;charset=utf-8">
<link href="t.css" rel="stylesheet" type="text/css">
<title>JS学习</title>

<script language="javascript" type="text/javascript">
function ia(){
document.all.t1.src="../img/read-logo.gif";
}
</script>

</head>
<body>
<img name="pic1" id="pic1" src="../img/video-logo.gif"></img>
<script language="javascript" type="text/javascript">
document.all.pic1.onmouseover=ia;
</script>
</body>
</html>

------解决思路----------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">

<head>

<meta http-equiv="content-Type" content="text/html;charset=utf-8">

<link href="t.css" rel="stylesheet" type="text/css">

<title>JS学习</title>	

</head>

<body>

<img name="pic1" id="pic1" src="../img/video-logo.gif"/>

<script>

	document.getElementById('pic1').onmouseover=function(){

		this.src="../img/read-logo.gif";

	}

</script>

</body>

</html>

------解决思路----------------------
document.getElementById('pic1') 获取对象
------解决思路----------------------
document.all.t1写错了
应该是 document.all.pic1

这种写法的确已经淘汰,现在应该是
document.getElementById("pic1")

新手，请大神看下这小段代码

相关推荐