JavaScript改变HTML元素的位置
摘要：通过使用JavaScript访问HTML元素style的位置属性，改变div的位置。
实例JavaScript代码
本例定义了一个test函数，它将改变特定div的位置，这是通过设置元素的style中的top和left属性实现的。
<script type="text/javascript">
function test(){
var testDiv = document.getElementById("testDiv");
testDiv.style.top = "50px";
testDiv.style.left = "50px";
}
</script>
CSS代码
主要作用是定位测试div。
#testDiv {
position:relative;
top:0px; left:0px;
border:1px solid #000;
}
</style>
HTML代码
测试div。
<div id="testDiv"> <p>我是测试div，点击下面的按钮就可以改变我的位置。</p> <p> <button onclick="test(); return false;" value="改变位置" >改变测试div的位置</button> </p> </div>
演示
