新手学习js， 万望有人能指点下， 万分感谢。
代码一：鼠标移入移出切换显示图片问题  无任何效果。
<div id="box" >
<a  href="#" onmouseover="document.getElementByTagName('img').src="2.png";" onmouseout="document.getElementById('box1').src="1.png";" ><img id="box1" src="1.png"   />afasdf</a>
</div>
代码二： 鼠标移入移除 显示移除div内容  移入有效果 移除无效。
<label onmouseover="document.getElementById('div1').style.display='block';" onmouseout="document.getElementById('div1').styel.display='none';">
<input type="checkbox" />
自动登录
</label>
<div id="div1">提示语</div>
不知道哪里出问题  求助下。谢谢

代码一
    <a  href="#" onmouseover="document.getElementsByTagName('img'[0].src='2.png'" onmouseout="document.getElementById('box1').src='1.png'"><img id="box1" src="img/2.jpg"/>
    </a>
代码二没有发现错误，测试了也没有问题

少这个window.onload=function(){}

啊哦，<a  href="#" onmouseover="document.getElementsByTagName('img')[0].src='2.png'" onmouseout="document.getElementById('box1').src='1.png'"><img id="box1" src="img/2.jpg"/></a>
建议你少用这种方式，最起码写个函数在标签里调用也好，不过现在基本都用脚本附加事件