新手求助 简单 onmouseover onmouseout 事件问题

新手学习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>
不知道哪里出问题  求助下。谢谢