如何从Javascript设置图像位置

在下面的代码中，我无法为Javascript中使用的图像设置位置

document.getElementById（“dis”）.disabled=true；
var计数器=0；
var x=document.getElementById（“myDIV”）；
var y=document.createElement（“img”）；
var y1=document.createElement（“img”）；
var y2=document.createElement（“img”）；
var xy=document.createElement（“img”）；
函数myFunction（）{
document.getElementById（“dis”）.disabled=false；
计数器++；
如果（计数器%2==0）{
if（y&&xy&&x）{
y、 style.display='none'；
xy.style.display='inline'；
setAttribute（“src”、“line.png”）；
xy.setAttribute（“宽度”、“75”）；
xy.setAttribute（“高度”、“3”）；
设置属性（“样式”，“边距：a b c d”）；
document.body.appendChild（xy）；
}
}否则{
xy.style.display='none'；
y、 setAttribute（“src”、“circle.png”）；
y、 setAttribute（“宽度”、“236”）；
文件.正文.附件（y）；
y、 style.display='内联'；
}
}

点击我

您应该使用

style

属性访问DOM元素的CSS样式属性，例如：

y.style.marginLeft = '100px';
y.style.maringTop = '-60px';

Element.setAttribute（）

可以用来更改DOM元素的属性或其值，例如在

图像上，可以更改
src
属性，但是
setAttribute
不适用于CSS属性

y.setAttribute("src", "anUrl.png");

编辑以下评论：

可以使用将CSS类应用于DOM元素，CSS类将包含要应用的样式：

y.classList.add（'yourCssClass'）

更多信息。
我不确定您到底想做什么，但是
左边距
和
右边距顶部
是CSS样式，而不是属性。因此，您应该使用
y.style.marginLeft='100px'。请注意，我删除了jQuery标记，因为这与此完全无关。我还强烈建议您为变量指定有意义的名称
xy
，
y
等都是无用的。y.style.marginLeft='100px'；y、 style.maringTop='-60px'；上述代码并非始终有效。取而代之的是，是否有任何可能从CSS定位图像。@M.Kalidass我对我的答案进行了编辑，展示了一种可能的方法如何将CSS类添加到DOM中。快乐编码！