怎么用javascript改变div标签的位置

Question

＃mybox{ 
position:relative; 
left:20px; 
top:20px; 
} 
如上我想通过javascript来改变left和top的值该怎么弄？？？JavaScriptCSS

Answer 1

document.getElementById('mybox').style.left = '0px'
document.getElementById('mybox').style.top = '0px'

Answer 2

<style>
#mybox{ 
position:relative; 
left:20px; 
top:20px; 
height:20px;
width:40px;
background-color:green
} 
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#mybox").click(function(){
$(this).css({
"left":'60px',
"top":'60px'
});
});
})
</script>
<div id="mybox">
点我改变位置
</div>