JavaScript - 单击图像，然后单击 div，然后将图像移动到 div

Question

我想单击图像，然后单击目标 div，然后将图像移动到目标 div 所在的位置。

i是图片的id，i对应的id为1到6的图片有6张。

one_c 是目标 div。

现在一切正常..谢谢。

function move_c(i) {
  this.image = i;
  one_c.setAttribute('onclick', 'move_to_one_c(image)');
}

function move_to_one_c(i) {
  document.getElementById("one_c").appendChild(document.getElementById(i));
  document.getElementById(i).style.zIndex = 1;
}

See it in action here

Answer 1

使用 HTML DOM createElement 创建 DOM 元素，并使用appendChild() 方法附加 img 并为其分配源 ID。我在这里准备了一个样本。这可能会帮助您开始。

var i= Obj.id;
var elem = document.createElement("img");
elem.setAttribute("src", "picture1.jpg");
elem.setAttribute("height", "100");
elem.setAttribute("width", "100");
elem.setAttribute("alt", "Flower");
document.getElementById(i).appendChild(elem);

https://plnkr.co/edit/Whan4TR3hakfx0cBXofI?p=preview