Fatal编程技术网

Javascript中的移动对象

javascript

Javascript中的移动对象,javascript,Javascript,我刚开始学习JS，对html/xml和C/C++有了相当好的了解，我很想学习JS 我在跟随一本关于它的书，我在一个章节中有移动的对象，但是当我写代码时，它并没有像想象的那样移动对象。 这是我的密码： <html> <head> <title> Moving elements </title> <script type = "text/javascript"> function moveIt(movee, newTop, newLeft)

我刚开始学习JS，对html/xml和C/C++有了相当好的了解，我很想学习JS

我在跟随一本关于它的书，我在一个章节中有移动的对象，但是当我写代码时，它并没有像想象的那样移动对象。 这是我的密码：

<html>
<head>
<title> Moving elements </title>
<script type = "text/javascript">
function moveIt(movee, newTop, newLeft){
    dom = document.getElementById(movee).style;
    dom.top = newTop + "px";
    dom.left = newLeft + "px";
 }
</script>

</head>
<body>
<form action = "">
 <p>
    x coordinate: <input type = "text" id = "leftCoord" size = "3" />
    <br />
    y coordinate: <input type = "text" id = "topCoord" size = "3" />
    <br />
    <input type = "button" value = "Move it"
            on click =
                "moveIt('Nebula',
                document.getElementById('topCoord').value,
                document.getElementById('leftCoord').value)" />
    </p>
    </form>

    <div id = "Nebula" style = "position: absolute;
        top: 115px; left: 0;" />
        <img src = "nebula.jpg"
        alt = "(Picture of a nebula)" />
    </div>
</body>
</html>


运动元素
函数moveIt（movee、newTop、newLeft）{
dom=document.getElementById（movee.style）；
dom.top=newTop+“px”；
dom.left=newLeft+“px”；
}

x坐标：


y坐标：
所以表单和输入区域/按钮都在正确的位置，但是当我点击按钮时，图片没有移动，我就是不明白为什么…我在w7上通过chrome运行它。

不要分开这个：
点击
，使它：
点击

工作：
不要将此项分开：
单击
，使其成为：
单击

工作：
不要将此项分开：
单击
，使其成为：
单击

工作：
不要将此项分开：
单击
，使其成为：
单击

工作：

不要将此分开：
单击
，使其成为：
再次单击
在Chrome中按F12键，然后查看控制台选项卡。为什么要评论这样的内容？如果我说的不是我不懂的语言，而是我很懒。不要把这个分开：
点击
，让它成为：
onclick
在Chrome中按F12并查看控制台选项卡。你为什么要这样评论？如果我说的不是我不懂的语言，而是我很懒。不要把这个分开：
点击
，让它成为：
onclick
在Chrome中按F12并查看控制台选项卡。你为什么要这样评论？如果我说的不是我不懂的语言，而是我很懒。不要把这个分开：
点击
，让它成为：
onclick
在Chrome中按F12并查看控制台选项卡。你为什么要这样评论？如果我说的不是我不懂语言，而是我很懒。