背景画像を指定するには

<html>
<head>
<title>Sample</title>
<style type="text/css"><!--
#objDiv {
border:1px black solid;
width:480px;
height:120px;
}
--></style>
<script type="text/javascript"><!--
function setStyle(bgURL)
{
document.getElementById("objDiv").style.backgroundImage = "url("+bgURL+")";
}
// --></script>
</head>
<body>
<div id="objDiv">
ここの段落の枠のスタイルが変わります。
</div>
<form>
<input type="button" value="背景画像その1" onClick="setStyle('photo1.jpg')"><br>
<input type="button" value="背景画像その2" onClick="setStyle('photo2.jpg')"><br>
</form>
</body>
</html>
・サンプルを実行
・サンプルをダウンロード
逆引きクイックリファレンス JavaScript 説明などは本書を参考にしてください。