在页面上随机移动图像答案

【问题标题】：Move an image across the page a random amount在页面上随机移动图像
【发布时间】：2016-04-18 16:43:21
【问题描述】：

我正在尝试使用会影响图像移动量的随机数在页面上移动图像。我得到了要显示的随机数，所以我知道该数字正在生成，但我的图像根本不会移动。

下面是我用过的html、javascript和css：

http://jsbin.com/bodajisihu/1/edit?html,css,js,output

【问题讨论】：

请直接在问题中分享您的代码，而不是作为链接。问题必须有效，以供其他用户进一步参考

标签： javascript image random move

【解决方案1】：

http://jsbin.com/begafabuya/1/edit?html,css,js,output

请检查这个编辑过的 JSBin。

我做了以下更改： 1. 您试图将left 值设为car1.style.left，如果您在外部样式中定义了left，则该值不适用于图像。您需要使其内联。 2. 现在，你可以使用car1.style.left，但它仍然返回一个带有'px'的字符串，所以我用.replace("px", "")替换了它。但我认为单独parseInt 可以处理截断该位，所以这一点可能无关紧要

请注意这里 car1 是指汽车元素，即var car1 = document.getElementById('car1');。

【讨论】：

请分享你做了什么。问题和答案应供未来可能面临相同问题的用户参考
@Mike 谢谢！我的问题是在外部 CSS 中定义样式。一旦我在 img 标签中定义了左侧样式，我的问题就解决了。

【解决方案2】：

您拼错了函数名称。 “moveCars”中有一个“s”

【讨论】：

那只是一个错字。我修复了它，它仍然无法正常工作。