Javascript/HTML将图像从HTML​​传递给另一个​​

Question

我需要将图像从一个单元格传递到另一个单元格。因此，这里是我的工作目前：

function onInit(){ 
    document.getElementById("list").innerHTML="<td id='list1'><img src='1.jpg' width=100 height=100 onclick='click(this)'> 
} 

这里是click功能：

function click(img){ 
    var img = img.src; 
    document.getElementById("image").innerHTML="<img src='img'>"; 
} 

我应该怎么做这里来显示图像（不是IMG），或者什么是正确的语法呢？

Answer 1

串连：

.innerHTML = "<img src='"+img+"' />"; 

Answer 2

尝试.src

document.getElementById("image").innerHTML="<img src='"+img.src+"'>"; 

Answer 3

尝试：

function click(img){ 
    document.getElementById("image").innerHTML="<img src='"+img.src+"'>"; 
} 

Answer 4

有我以为只有一排，即只有一个<td>为list是表。 <td>未关闭，并且通过this单击将不会传递当前对象引用。点击图片时，调用一个函数，该函数将当前的<td>的innerHTML设置为目标<td>。

"<td id='list1'><img src='1.jpg' width=100 height=100 onclick='click(list1)'></td>" 

的Javascript：

function click(str){ 
    document.getElementById("destination").innerHTML=document.getElementById(str).innerHTML; 
} 

你可能想改变形象的点击处理程序在目标<td>。

Answer 5

则可以通过下面的代码尝试：

function click(img) { 
    var img = img.src; 
    document.getElementById("image").innerHTML = "<img src='"+img + "'>"; 
}