Javascript 你能用JS移动一个div吗？

我试图学习游戏制作的绝对基础知识，我想知道为什么我可以移动img而不能移动div元素。 JS:

现在，如果我有一个id为char的img标签，我可以用箭头键移动它

<img src="" id="char">

但如果我删除该图像并用div替换它

<div id="char"></div>

---

它不允许我移动它。

代码存在多个问题，我不确定它如何处理图像

要使其发挥作用，需要做几件事：

确保目标元素的CSS具有属性集。您还可以根据需要使用

relative

、

fixed

或

sticky

使用而不是直接访问

style

。

style

属性将仅包含值

在解析的数字后附加一个测量单位，如

“px”

下面是一个简单完整的示例：

const-element=document.getElementById（“char”）；
常量charStyle=getComputedStyle（元素）；
功能选择（evt）{
evt.preventDefault（）；
开关（evt.keyCode）{
案例37：
element.style.left=parseInt（charStyle.left）-10+“px”；
打破
案例39：
element.style.left=parseInt（charStyle.left）+10+“px”；
打破
案例38：
element.style.top=parseInt（charStyle.top）-10+“px”；
打破
案例40：
element.style.top=parseInt（charStyle.top）+10+“px”；
打破
}
}
文档。addEventListener（“向下键”，移动选择）
#char{
宽度：50px；
高度：50px；
背景：红色；
位置：绝对位置；
}
该代码存在多个问题，我不确定它如何处理图像

要使其发挥作用，需要做几件事：

确保目标元素的CSS具有属性集。您还可以根据需要使用
relative
、
fixed
或
sticky

使用而不是直接访问
style
。
style
属性将仅包含值

在解析的数字后附加一个测量单位，如
“px”

下面是一个简单完整的示例：


const-element=document.getElementById（“char”）；
常量charStyle=getComputedStyle（元素）；
功能选择（evt）{
evt.preventDefault（）；
开关（evt.keyCode）{
案例37：
element.style.left=parseInt（charStyle.left）-10+“px”；
打破
案例39：
element.style.left=parseInt（charStyle.left）+10+“px”；
打破
案例38：
element.style.top=parseInt（charStyle.top）-10+“px”；
打破
案例40：
element.style.top=parseInt（charStyle.top）+10+“px”；
打破
}
}
文档。addEventListener（“向下键”，移动选择）
#char{
宽度：50px；
高度：50px；
背景：红色；
位置：绝对位置；
}
我尝试了你的代码，但它似乎对image或div标记都不起作用…@NickParsons，它在我使用的东西中起作用。转到第页，点击run，在左边的框中单击，然后你应该可以用箭头键移动图像。@Tornao（很抱歉，这个主题不太合适），w3schools仍然是你能学到的最差的web开发的地方。好的。我只是随便挑了一个。你有什么建议@罗科。Buljan@TorNato
element.style.*
将提供在
style
属性中定义的样式。使用div时是否删除了
style
属性？我尝试了你的代码，但它似乎对图像或div标记都不起作用…@NickParsons，它在我使用的东西中起作用。转到第页，点击run，在左边的框中单击，然后你应该可以用箭头键移动图像。@Tornao（很抱歉，这个主题不太合适），w3schools仍然是你能学到的最差的web开发的地方。好的。我只是随便挑了一个。你有什么建议@罗科。Buljan@TorNato
element.style.*
将提供在
style
属性中定义的样式。使用div时是否正在删除
style
属性？
<div id="char"></div>