为了账号安全,请及时绑定邮箱和手机立即绑定

JS动态改变盒子位置,如图

JS动态改变盒子位置,如图

睡猫喵 2016-11-25 21:53:14
请问点击按钮(往右移动300px)让盒子右移300px在JS里应该怎么写!代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title> <style> *{ margin: 0; padding: 0; } #box{ width: 400px; height: 400px; border: 1px solid red; } #div1{ width: 200px; height: 200px; background-color: #37A3EB; margin-left:0; } </style></head><body><div id="box"><div id="div1"></div></div><input type="button" value="往右移动300px" id="it6" /><script>window.onload=function(){ var div1=document.getElementById("div1"); var it6=document.getElementById("it6"); it6.onclick=function(){ div1.style.margin="margin-left:300px" }}</script></body></html>
查看完整描述

3 回答

?
stone310

TA贡献361条经验 获得超191个赞

div1.style.marginLeft="300px"


查看完整回答
反对 回复 2016-11-25
  • 3 回答
  • 0 关注
  • 3830 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信