使用JavaScript添加img属性

使用JavaScript添加img属性,javascript,html,appendchild,setattribute,createelement,Javascript,Html,Appendchild,Setattribute,Createelement,我知道这个问题已经被问过好几次了,但是当我试图将img附加到div时,我遇到了问题。 代码如下: var picture=document.createElement(“img”); picture.id=“xmark”; picture.src=“x.png”; picture.setAttribute(“位置”、“绝对”); picture.setAttribute(“底部”,100+“px”); picture.setAttribute(“左”,500+“像素”); //我

我知道这个问题已经被问过好几次了,但是当我试图
img
附加到
div
时,我遇到了问题。 代码如下:

var picture=document.createElement(“img”);
picture.id=“xmark”;
picture.src=“x.png”;
picture.setAttribute(“位置”、“绝对”);						 
picture.setAttribute(“底部”,100+“px”);
picture.setAttribute(“左”,500+“像素”);
//我也试过了
picture.style.bottom=100+'px';
picture.style.left=100+‘px’;
//我甚至尝试过这个,但返回“无法读取null的属性样式”错误
document.getElementById(“xmark”).style.bottom=100+“px”;
document.getElementById(“divmax”).appendChild(图片);

这是可行的,只需更改您的
位置
属性,就像您尝试的其他方法一样:

var picture=document.createElement(“img”);
picture.id=“xmark”;
picture.src=”https://placehold.it/250x250";
picture.style.position='绝对';
picture.style.bottom=100+‘px’;
picture.style.left=100+‘px’;
document.getElementById(“divmax”).appendChild(图片);

问题出在哪里?当然,在文档中查找图片会失败-您只能在查找后添加图片。如果交换最后两行JS代码,它就可以工作。问题是什么都没有发生。我的AttributePicture.style.position不会更改样式,例如添加其他