Question

我创建了一个setTimeout函数，该函数在3秒后将图像的style.left属性设置为100px。

我确实调用了该函数。

我尝试将'100px'替换为100 + 'px'，但仍然无法正常工作。

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

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

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

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

我希望图像可以移动。

Answer 1

错误是图像的位置未设置为绝对位置。将图像位置设置为绝对即可解决该问题。

Answer 2

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

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

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

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

有关更多信息，请参见here。

Answer 3

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

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

3 个答案: