表示位置を指定するには

<html>
<head>
<title>Sample</title>
<style type="text/css"><!--
#objDiv {
border:1px black solid;
width:480px;
height:120px;
position:absolute;
top:0px;
left:100px;
}
--></style>
<script type="text/javascript"><!--
function setStyle(posX,posY)
{
document.getElementById("objDiv").style.position = "absolute";
document.getElementById("objDiv").style.left = posX;
document.getElementById("objDiv").style.top = posY;
}
// --></script>
</head>
<body>
<div id="objDiv">
ここの段落の表示位置が変わります。
</div>
<form>
<input type="button" value="(100,50)にする" onClick="setStyle(100,50)"><br>
<input type="button" value="(150,70)にする" onClick="setStyle(150,70)"><br>
<input type="button" value="(200,90)にする" onClick="setStyle('200px','90px')"><br>
</form>
</body>
</html>
・サンプルを実行
・サンプルをダウンロード
逆引きクイックリファレンス JavaScript　説明などは本書を参考にしてください。