imgタグへのアクセス

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript"><!--
function displayData1()
{
document.images["pImage"].src = "flower.jpg";
}
function displayData2()
{
document.getElementById("photoImage").src = "flower.jpg";
}
function displayData3()
{
$("photoImage").src = "flower.jpg";
}
// --></script>
</head>
<body>
<h1>imgタグへのアクセス</h1>
<form name="ajaxForm" id="aForm">
<input type="button" value="画像を通常の方法で入れ替え" onClick="displayData1()"><br>
<input type="button" value="ID名指定で入れ替え" onClick="displayData2()"><br>
<input type="button" value="prototype.jsで入れ替え" onClick="displayData3()"><br>
</form>
<img src="dog.jpg" id="photoImage" name="pImage">
</body>
</html>
・サンプルを実行する
Ajax逆引きクイックリファレンス 説明などは本書を参考にしてください。