Javascript 如何修复未在所需位置渲染的图像

我无法将平铺图像放在屏幕上我希望它实际运行的位置。在这种情况下，我想有10个图像线的一面没有任何差距

我曾尝试更改值，更改图像，并使用警报功能调试问题，但我找不到问题（我不是一个经验丰富的程序员…）

“严格使用”；
window.onload=函数（）{
var mainContainer=document.getElementById（“mainContainer”）；
对于（变量n=0；n<10；n++）{
图纸图像指定位置（0，n*500,0，主容器）；
}
}
函数设置坐标（x、y、img）{
img.style.position=“绝对”；
img.style.left=x；
img.style.top=y；
}
指定位置的功能图图像（其中一个，x，y，出现的位置）{
变量imageNames=[
“资源/等轴测_像素_0001.png”，
“资源/等轴测\u像素\u 0002.png”，
“资产/等轴测\u像素\u 0003.png”，
“资源/等轴测\u像素\u 0004.png”，
“资产/等轴测_像素_0005.png”，
“资源/等轴测\u像素\u 0006.png”，
“资源/等轴测\u像素\u 0007.png”，
“资源/等轴测\u像素\u 0008.png”，
“资源/等轴测\u像素\u 0009.png”，
“资源/等轴测\u像素\u 00010.png”
];
var imageToCreate=document.createElement（“img”）；
imageToCreate.src=imageNames[whichOne]；
setCoords（x，y，imageToCreate）；
此处显示。追加子对象（imageToCreate）；
}

---

我希望有一行10张并排的图片。然而，我得到的是两张稍微移位的照片。当我检查控制台时，似乎也没有收到任何错误消息，因此我假设错误在于我的编程不好。

问题是，您不能仅通过提供数字来更改元素位置

img.style.left = x;

浏览器需要测量值。由于我们是在像素级操作，您需要附加一个px

img.style.left = x + "px";
img.style.top = y + "px";

---

我真的很感激你的迅速反应。谢谢你的帮助（成功了）！

img.style.left = x + "px";
img.style.top = y + "px";