Question

我仍然不熟悉HTML和通常与之相关的语言。现在，我正在尝试通过Javascript中定义的函数来调整我添加的图像的位置，就像我通常在CSS中使用类似margin-left: 100px的内容一样。

编辑：添加代码和澄清

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

您可以通过Javascript设置属性以定位元素，例如：

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

您可能需要设置：

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>

使用CSS样式表更改Javascript中添加的图像的位置

2 个答案: