Ändern der Position eines Bildes in Javascript mit einem CSS-Stylesheet hinzugefügt

Question

Ich bin immer noch ziemlich neu in HTML und den damit verbundenen Sprachen. Im Moment versuche ich den Ort eines Bildes, das ich hinzugefügt habe, durch eine Funktion anzupassen, die in Javascript definiert ist, wie ich es normalerweise in CSS mit etwas wie margin-left: 100px tun würde.

EDIT: Code hinzugefügt und Klärung

case 1: 
     demo.innerHTML = "You win cookies!"; 
     var img = new Image(); 
     img.src = 'cookies.jpg'; 
     img.onclick = function() { 
     window.location.href = 'http://link.com/';} 

document.body.appendChild (img);

Answer 1

Sie können Eigenschaften festlegen Elemente via Javascript zu positionieren, z.B .:

var elem = document.getElementById("elementid"); elem.style.left=200; elem.style.top=200;

Sie einstellen müssen:

elem.style.position='absolute';

Answer 2

var img = new Image(); 
 
img.src = 'http://data.whicdn.com/images/27433830/large.jpg'; 
 
img.id = "myImage"; // <-- give it an ID 
 
img.onclick = function() { 
 
    window.location.href = 'http://link.com/'; 
 
} 
 

 
document.body.appendChild(img); 
 

 
document.getElementById("button").onclick = function() { 
 
    var image = document.getElementById("myImage"); 
 
    image.src = "http://weknowyourdreamz.com/images/house/house-07.jpg"; 
 
}

<button id="button">switch</button>