点击按钮更换图片

Question

怎样实现点击“图2”按钮，把1.gif更新为2.gif，点击“图3”按钮，更新为3.gif？
<img src="1.gif">
<input name="button" type="button" value="图2" />
<input name="button" type="button" value="图3" />
请给出全部代码（我基础很差），谢谢了！

Answer 1

<img src="1.gif" id="i"/>
<input name="button" type="button" value="图2"  onclick="javascript:document.getElementById('i').src='2.gif'"/>
<input name="button" type="button" value="图3"  onclick="javascript:document.getElementById('i').src='3.gif'"/> 

Answer 2

<img src="1.gif" id="img1"> 
<input name="button" type="button" value="图2" onclick="changeImgsrc('img1','2.gif');" /> 
<input name="button" type="button" value="图3" onclick="changeImgsrc('img1','3.gif');/> 
<script type="text/javascript">
function changeImgsrc(id,src)
{
var obj=document.getElementById(id);
if(obj && src) /*obj与src同时存在时，才更换*/
{
obj.src=src;
}
}
</script>