Проблемы с HTML localStorage HTML?

Question

Итак, я успешно справился через пару часов, чтобы вызвать изображение с помощью системы localStorage HTML, но теперь у меня есть одна проблема с вызываемым над изображением .... Я не могу диктовать, где это происходит .... Он просто сидит в нижней части страницы, так как код - это просто javascript ..... Я попытался поместить его в div и изменить его положение, но он не сдвинет никаких предложений ... heres code thats вызов изображения через:

window.onload = function() { 
var picture = localStorage.getItem('img'); 
var image = document.createElement('img'); 
image.src = picture; 
document.body.appendChild(image); 
}; 

Как отредактировать положение на странице, а также высоту и т. д. ......................? Любая помощь ценится!

Answer 1

Вы добавляете изображение в тело документа, так что оно будет добавлено в нижней части страницы.

Вы можете установить свойства image.style, чтобы изменить свойства CSS изображения, такие как высота (image.style.height) и ширина (image.style.width).

Чтобы разместить его в другом месте на странице, вы можете изменить его отображение свойств

image.style.position = "absolute"; //(for example) 
image.style.top = "50px"; //drops the image down 50px from the top of the page 

Или, вы можете добавить его в другую часть DOM в целом:

document.getElementById('ID_OF_YOUR_DIV').appendChild(image); 

Надеется, что это помогает ,