Добавить атрибуты img с помощью JavaScript

Question

Я знаю, что этот вопрос задавался несколько раз, но у меня проблемы, когда я пытаюсь сделать appendChildimg до div. Вот код:

var picture = document.createElement("img"); 
 
picture.id= "xmark"; 
 
picture.src= "x.png"; 
 
picture.setAttribute("position","absolute"); \t \t \t \t \t \t 
 
picture.setAttribute("bottom", 100 + 'px'); 
 
picture.setAttribute("left",500 + 'px'); 
 
//I also tried 
 
picture.style.bottom= 100 + 'px'; 
 
picture.style.left = 100 + 'px'; 
 
// I even tried this, but returns "cannot read property style of null" error 
 
document.getElementById("xmark").style.bottom=100+"px"; 
 

 
document.getElementById("divmax").appendChild(picture); \t

<div id="divmax"></div>

Да, JPG файлы сохраняются корректно. Я проверил.

Answer 1

Это работает, просто изменить position свойство, так что это, как и другие, как вы пытались:

var picture = document.createElement("img"); 
 
picture.id= "xmark"; 
 
picture.src= "https://placehold.it/250x250"; 
 
picture.style.position = 'absolute'; 
 
picture.style.bottom = 100 + 'px'; 
 
picture.style.left = 100 + 'px'; 
 

 
document.getElementById("divmax").appendChild(picture); \t

<div id="divmax"></div>