使用CSS樣式表更改用JavaScript添加的圖像的位置

-1

我對HTML和通常與其相關的語言還很陌生。現在，我試圖調整通過Javascript中定義的函數添加的圖像的位置，就像我通常在CSS中使用類似margin-left: 100px的東西。使用CSS樣式表更改用JavaScript添加的圖像的位置

編輯：添加代碼和澄清

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）;

來源

2016-03-28 Pleiades

css是風格，如果你想改變一個元素的href，使用javascript。發佈您的代碼以獲得更好的幫助。 –

你能解釋一下你真正想要的嗎？看起來你的目標有點不明確。 –

您可以設置屬性通過Javascript來定位元素，例如：

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

您可能需要設置：

elem.style.position='absolute';

來源

2016-03-28 03:28:38

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>

來源

2016-03-28 03:48:31 John

你能告訴我這是什麼現在的代碼中看起來像嗎？我努力讓這個爲我工作。 – Pleiades

我改變了代碼。「開關按鈕」位於底部。 – John

使用CSS樣式表更改用JavaScript添加的圖像的位置

回答

相關問題