Javascript 设置style.left属性时图像不移动

我创建了一个

setTimeout

函数，它在3秒钟后将图像的

style.left

属性设置为100px

我确实调用了这个函数

我试着用

100+'px'

替换

'100px'

，但仍然不起作用

<img id="my-Image" src="image.jpg">

function threeSec() {
  setTimeout(setProperty, 3000);
}

function setProperty() {
  document.getElementById('my-Image').style.left = '100px';
}

函数3sec（）{
setTimeout（setProperty，3000）；
}
函数setProperty（）{
document.getElementById（'my-Image'）.style.left='100px'；
}

当检查html时，我可以看到style=“left:100px”被附加到image属性中，但是图像本身没有移动

---

我希望图像应该移动。

错误在于图像的位置没有设置为绝对位置。将图像位置设置为绝对解决了问题。

将图像位置设置为绝对，如下所示

<img id="my-Image" style="position: absolute;" src="image.jpg">

function threeSec() {
  setTimeout(setProperty, 3000);
}

function setProperty() {
  document.getElementById('my-Image').style.left = '100px';
}

函数3sec（）{
setTimeout（setProperty，3000）；
}
函数setProperty（）{
document.getElementById（'my-Image'）.style.left='100px'；
}

---

有关更多信息，请参阅。

最好将位置更改为相对位置，而不是绝对位置，否则您可能会遇到一些设计问题，其中图像忽略了其父分区。

默认情况下是带有

位置：绝对的图像？不，我把位置改成了绝对位置，它工作了。谢谢@织女星啊！当我尝试时，我的机器中没有更新答案。